/*
Theme Name: Twenty Thirteen
Theme URI: https://www.anahuac.mx/veracruz/
Author: UAV based on the WordPress team's work.
Author URI: https://www.anahuac.mx/veracruz/
Description: Actualización para la campaña 2021-2022. Se encuentra basado en el trabajo del equipo de WordPress (Twenty Thirteen).
Version: 3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, orange, white, light, one-column, two-columns, left-sidebar, fluid-layout, responsive-layout, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen
*/


/**
 * Table of Contents:
 *
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */
 
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* 2021 Queries para patallas HD a 4K
	Q1 - Navigation and Header
	Q2 - Cover
	Q3 - Content and Sidebar
	Q4 - Footer 
*/

/* Query para pantallas SD del bloque medio */

@media (min-width: 669px) {
	
	.nav-topmenu li a {
		margin: 4px 0px 3px;
		border-radius: 6px;
		outline: 1px solid #f0f0f0;
		outline-offset: 1px;
		transition: background-color 0.6s, outline 0.2s;
	}
	
	.nav-mainmenu li a {
		margin: 8px 0px;
	}
	
	.nav-mainmenu li a.highlighted-menuitem {
		padding-right: 40px;
		color: #ffffff;
		border-radius: 6px;
		background-color: #221f20;
		background-image: url("../images/entry_100.png");
		background-size: 20px 20px;
		background-position: right 8px center;
		background-repeat: no-repeat;
	}
	
	.nav-menu li:hover > a.highlighted-menuitem, .nav-menu li a.highlighted-menuitem:hover, 
	.nav-menu li:focus > a.highlighted-menuitem, .nav-menu li a.highlighted-menuitem:focus {
		background-color: #ffffff;
		color: #202020;
		background-image: url(../images/entry-black_100.png);
	}
	
}

@media (min-width: 800px) and (max-width: 1099px) {
	.footer-first-block-hidden {
		display: none !important;
	}
}

@media (min-width: 800px) and (max-width: 1399px) {
	.footer-second-block-hidden {
		display: none !important;
	}
}


@media (min-width: 1024px) {
	
	.nav-topmenu li:hover > a,
	.nav-topmenu li a:hover,
	.nav-topmenu li:focus > a,
	.nav-topmenu li a:focus {
		background-color: #e0e0e0;
		color: #202020;
		outline: 1px solid #ffffff;
		outline-offset: 1px;
	}
	
	.nav-topmenu li a {
		margin: 6px 0px;
	}
	
	.nav-mainmenu li a {
		margin: 10px 0px;
	}
	
	/* Events */
	.fullscreen-photo-gallery-container .slick-prev, .fullscreen-photo-gallery-container .slick-next {
		top: 50%;
		z-index: 999;
	}
		
	.fullscreen-photo-gallery-container .outside-prev:before, .fullscreen-photo-gallery-container  .outside-next:before {
		color: #ffffff;
	}
	
	.fullscreen-photo-gallery-container .inside-prev {
		left: 15px;
	}
	
	.fullscreen-photo-gallery-container .inside-next {
		right: 15px;
	}
	
	.entry-content.imagefirst-container {
		max-width: 960px;
	}
	
	.entry-content .imagefirst-picture {
		position: absolute;
		top: 0px;
		left: 0px;
		max-width: 350px;
		padding: 45px 14px;
		border: 3px solid #f0f0f0;
		border-radius: 14px;
		cursor: pointer;
	}
	
	.entry-header.imagefirst, .entry-content.imagefirst, .entry-summary.imagefirst, .entry-meta.imagefirst {
		max-width: 960px;
		padding-left: 370px;
	}
	
	.entry-header.imagefirst .entry-title {
		font-size: 32px;
	}
	
	.entry-content.imagefirst a.buttonbox-link {
		padding: 10px 12px 10px 60px;
	}
	
	.entry-content.imagefirst a.buttonbox-double, .entry-content.imagefirst a.buttonbox-double-tworows {
		margin-left: 12px;
	}
	
}

@media (min-width: 1200px) {
	/* Events */
	.entry-content.imagefirst-container {
		max-width: 1200px;
	}

	.entry-content .imagefirst-picture {
		max-width: 500px;
		padding: 30px;
		border-radius: 18px;
	}

	.entry-header.imagefirst, .entry-content.imagefirst, .entry-summary.imagefirst, .entry-meta.imagefirst {
		max-width: 1200px;
		padding-left: 550px;
	}
	
	.entry-header.imagefirst .entry-title {
		font-size: 38px;
	}
	
	.entry-content.imagefirst a.buttonbox-link {
		padding: 10px 15px 10px 60px;
	}

	.entry-content.imagefirst a.buttonbox-double, .entry-content.imagefirst a.buttonbox-double-tworows {
		margin-left: 20px;
	}
	
	.site-footer .widget-area {
		/* justify-content: start; */
	}
	
}

@media (min-width: 1367px) {
	
	.nav-mainmenu li a {
		/* height: 45px;
		min-height: 45px;
		padding: 12px 22px 0px; */
	}
	
}

@media (min-width: 1649px) {
	/* Footer */
	.site-footer .widget-area {
		/* justify-content: center; */
	}
	
}

@media (min-width: 1799px) {

	.entry-content-cover {
		max-width: 1650px;
	}
	
	.alert {
		width: 50%;
		left: 25%;
		padding: 230px 20px 60px;
		background-size: auto 190px;
	}
	
	.allnews-header {
		max-width: 1622px;
	}

	.entry-content-news {
		max-width: 1632px;
		grid-template-columns: repeat(6, 1fr);
	}
	
}


/* Query para pantallas HD superiores a 1920 - Posiblemente QHD */
@media (min-width: 2500px) {
	
	/* reset root font size */
	html, button, input, select, textarea {
		font-size: 23.22px;
	}

	/* Q1 - Navigation and Header */
	.screen-reader-text:focus {
		border-radius: 4px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		font-size: 19.8px;
		padding: 20px 28px 18px;
		left: 7px;
		top: 7px;
	}
	
	.topinfo {
		height: 96px;
		min-height: 96px;
	}

	.topinfo-container {
		max-width: 1570px;
		height: 96px;
		min-height: 96px;
	}
	
	.topinfo-container .toplogo-container {
		flex: 0 0 440px;
	}
	
	.topinfo-container .toptools-container {
		flex: 0 0 460px;
	}
	
	.topinfo-container .toplogo img {
		max-height: 80px;
	}
	
	.topinfo-container .topnotify-container img {
		max-height: 60px;
	}
	
	.navbar {
		/* min-height: 40px; */
	}
	
	.navigation {
		max-width: 1570px;
	}
	
	.nav-topmenu li a {
		min-height: 40px;
		font-size: 17.1px;
		padding: 12px 30px 0px;
		margin: 8px 0px;
		border-radius: 8px;
	}
	
	.site-header .search-form {
		top: 8px;
	}
	
	.site-header .search-field {
		font-size: 15.75px;
		height: 32px;
		background-size: 26px 26px;
	}
	
	.secnavbar-overlap {
		top: 152px;
	}
	
	.sec-navigation {
		max-width: 1570px;
	}
	
	.nav-mainmenu li a {
		height: 60px;
		min-height: 60px;
		font-size: 21px;
		padding: 16px 30px 0px;
		margin: 14px 0px;
		border-radius: 8px;
	}
	
	.nav-mainmenu li a.highlighted-menuitem {
		padding-right: 58px;
		border-radius: 8px;
		background-size: 26px 26px;
		background-position: right 16px center;
	}
	
	.cover-listcontainer #coveradmissions .item-container .base-btn {
		padding: 13px 50px 14px 11px;
		border-radius: 8px;
		background-size: 26px 26px;
		background-position: right 12px center;
	}
	
	.cover-listcontainer #coveradmissions p {
		margin: 0 0 26px;
	}
	
	.header-container .slick-dots {
		bottom: -39px;
	}
	
	/* Q2 - Cover */
	
	.entry-content-main,
	.entry-summary-main,
	.entry-meta-main,
	.entry-content-news {
		max-width: 1260px;
	}
	
	.mainblock-header {
		margin-bottom: 25px;
	}
	
	.mainblock-title {
		font-size: 30.6px;
	}
	
	.mainblock-news {
		margin-right: 40px;
	}
	
	.mainblock-admissions {
		margin-left: 40px;
	}
	
	img.newsblock-pic, img.newsbrick-pic {
		margin-right: 12px;
		margin-bottom: 10px;
	}
	
	h3.newsblock-title {
		font-size: 21.6px;
		line-height: 1.25;
	}
	
	.newsblock {
		font-size: 19px;
		line-height: 1.15;
		padding-bottom: 28px;
	}
	
	.mainblock-news a.home-all, .mainblock-events a.home-all, .mainblock-admissions a.home-all, .mainblock-news a.home-highlights, .mainblock-events a.home-highlights {
		font-size: 15.3px;
	}
	
	.eventblock {
		margin-bottom: 20px;
	}
	
	.event-2, .event-3 {
		margin-bottom: 10px;
	}
	
	h3.maineventblock-title {
		font-size: 25.4px;
		line-height: 1.25;
		margin: 10px 10px 0 18px;
	}
	
	.maineventtext-container {
		padding: 8px 0 10px 18px;
		font-size: 18px;
		line-height: 1.3;
		width: 66%;
	}
	
	.maineventdate-container {
		height: 110px;
		padding: 22px 16px 0 0;
		font-size: 57.6px;
		line-height: 0.7;
	}
	
	.eventdate-month, .eventdate-whitemonth {
		font-size: 24.75px;
	}
	
	h3.eventblock-title {
		font-size: 21.4px;
		line-height: 1.25;
	}
	
	.eventtext-container {
		padding: 14px 14px 12px 25%;
		font-size: 18px;
		/* line-height: 1.25; */
	}
	
	.eventdate-container {
		width: 26%;
		font-size: 54px;
		top: 18px;
		line-height: 0.8;
	}
	
	.overlay-closebtn {
		font-size: 60px;
		width: 90px;
		height: 60px;
		padding: 27px 0 0 4px;
		border-radius: 30px;
		top: 24px;
		right: -110px;
	}
	
	/* Q2.5 - Cover */
	
	.entry-content-cover {
		max-width: 2200px;
	}
	
	.cover-gallerytitle {
		font-size: 22px;
		margin-bottom: 22px;
	}
	
	.cover-galleryheader .morelink {
		font-size: 17px;
		margin-left: 5px;
		bottom: 1px;
	}
	
	.cover-listcontainer .slick-track {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.cover-listcontainer .item-container {
		min-height: 450px;
		max-height: 450px;
		margin: 0px 13px;
		border-radius: 9px 9px 12px 9px;
		box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.15);
	}
	
	.cover-listcontainer .item-container:hover {
		box-shadow: 2px 2px 13px 0 rgba(0,0,0,0.25);
	}
	
	.cover-listcontainer .item-container .item-image img {
		border-radius: 9px 9px 0px 0px;
	}
	
	.cover-listcontainer .item-container .item-text {
		font-size: 19px;
		padding: 13px 14px 20px 20px;
	}
	
	.cover-listcontainer .item-container .item-text h3 {
		font-size: 24px;
		margin: 0px 0px 8px 0px;
	}
	
	.cover-listcontainer .item-container .full-link {
		width: 44px;
		padding: 4px 9px;
		font-size: 25px;
		border-radius: 9px 0px 9px 0px;
	}
	
	.cover-listcontainer .item-container .item-link, .cover-listcontainer .item-container .item-date {
		border-radius: 9px 0px 9px 0px;
	}
	
	.cover-listcontainer #coverevents .item-container .item-eventtext,
	.cover-listcontainer #relatedcontent .item-container .item-eventtext {
		padding: 0px 78px 0px 0px;
	}

	.cover-listcontainer .item-container .item-date {
		width: 84px;
		padding: 14px 0px 42px;
		font-size: 42px;
	}
	
	.cover-listcontainer .item-container .item-month {
		font-size: 22px;
	}
	
	.cover-listcontainer #coverinfo .item-container {
		min-height: 265px;
		max-height: 265px;
		border-radius: 9px;
	}

	.cover-listcontainer #coverinfo .item-container .item-image {
		min-height: 265px;
		max-height: 265px;
		height: 265px;
	}
		
	.cover-listcontainer #coverinfo .item-container .item-image img {
		border-radius: 9px;
	}
	
	.cover-listcontainer .item-container .item-campustag,
	.entry-related .custom-related-gallery-item .item-campustag {
		height: 40px;
	}

	.cover-listcontainer .item-container .item-campustagtitle, 
	.entry-related .custom-related-gallery-item .item-campustagtitle {
		font-size: 18px;
		padding: 9px 16px 0px;
		border-radius: 0px 0px 8px 8px;
	}
	
	/* Q3 - Content and Sidebar */
	
	.breadcrumbs, .breadcrumbs-alone {
		max-width: 1430px;
		margin-top: 12px;
		font-size: 18px;
		border-radius: 8px 8px 0px 0px;
	}

	.breadcrumbs {	
		left: calc((100% - 1430px) / 2);
		margin-top: 0;
	}
	
	.breadcrumbs-slider {
		bottom: 39px;
	}
	
	.hentry {
		padding: 60px 0;
	}
	
	.entry-header, .entry-content, .entry-summary, .entry-meta, .entry-related {
		max-width: 930px;
		font-size: 23.22px;
		/* margin-bottom: 30px; */
	}
	
	.cover-block:last-child {
		margin-bottom: 1rem;
	}

	.cover-block {
		margin-bottom: 3rem;
	}
	
	.fullpage-content .entry-header, .fullpage-content .entry-content, .fullpage-content .entry-summary, .fullpage-content .entry-meta {
		max-width: 1039px;
		margin-bottom: 30px;
		font-size: 23.22px;
	}
	
	.entry-title {
		font-size: 51.3px;
	}
	
	.allnews-header {
		max-width: 2160px;
		margin-bottom: 35px;
	}

	.entry-content-news {
		max-width: 2176px;
		grid-template-columns: repeat(6, 1fr);
		grid-gap: 26px;
	}
	
	.gridbrick {
		padding: 0px;
		margin: 0px;
		border-radius: 9px;
		box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 15%);
	}
	
	.gridbrick:hover {
		box-shadow: 2px 2px 13px 0 rgb(0 0 0 / 25%);
	}
	
	.gridbrick-container {
		font-size: 19px;
		padding: 13px 14px 36px 20px;
	}
	
	.gridbrick-event .gridbrick-container {
		padding: 13px 14px 20px 20px;
	}
	
	img.gridbrick-pic {
		border-radius: 9px 9px 0px 0px;
	}
	
	.gridbrick-container .event-text {
		padding: 0px 78px 0px 0px;
	}

	.gridbrick-date {
		font-size: 17px;
		right: 19px;
		bottom: 13px;
	}
	
	h3.gridbrick-title {
		font-size: 24px;
		margin: 0px 0px 8px 0px;
	}
	
	.eventdate-year {
		font-size: 16.2px;
	}
	
	.gridbrick-date-container {
		width: 84px;
		padding: 14px 0px;
		font-size: 42px;
		border-radius: 9px 0px 9px 0px;
	}

	.gridbrick-month,
	.gridbrick-year {
		font-size: 22px;
	}

	.gridbrick-year {
		font-size: 15px;
	}
	
	.admi-2, .admi-3, .admi-4 {
		font-size: 32.4px;
		line-height: 1;
	}
	
	.event-title-icon, .news-title-icon {
		padding-left: 95px;
		background-size: 80px auto;
	}
	
	.page-title {
		font-size: 39.96px;
		font-style: italic;
		max-width: 1430px;
		padding: 35px 0;
	}
	
	h1 {
		font-size: 41.4px;
		margin: 39px 0 10px 0;
	}

	h2 {
		font-size: 37.8px;
		margin: 31px 0 10px 0;
	}

	h3 {
		font-size: 34.2px;
		margin: 28px 0 10px 0;
	}

	h4 {
		font-size: 30.15px;
		margin: 31px 0 12px 0;
	}

	h5 {
		font-size: 25.2px;
	}

	h6 {
		font-size: 19.8px;
	}

	.entry-content p, .entry-summary p,
	.entry-content ul, .entry-summary ul,
	.entry-content ol, .entry-summary ol {
		margin: 0 0 40px;
	}
	
	.entry-additional, .mainimage-container {
		margin-bottom: 40px;
	}
	
	.entry-content form p, .entry-summary form p {
		margin: 0 0 26px;
	}
	
	table {
		font-size: 21.15px;
		margin: 0 0 30px;
	}
	
	.entry-content .event-table td.eventitem-title {
		min-width: 240px;
	}
	
	.entry-content blockquote {
		margin: 28px 54px;
	}

	.content-matrix-title h2, .content-matrix-title-upper h2, .content-matrix-title h3, .content-matrix-title-upper h3 {
		margin: 0 0 8px 0;
		font-size: 37.8px;
	}
	
	.content-matrix-item p, .content-matrix-uniqueitem p, .content-matrix-rawitem p {
		font-size: 23.22px;
	}
	
	.entry-content .whatsapp-eventlink {
		background-size: auto 38px;
		height: 44px;
		padding-left: 40px;
	}
	
	.entry-content .phonecontact-link, .entry-content .emailcontact-link, .entry-content .whatsappcontact-link {
		background-size: auto 56px;
		height: 48px;
		padding-left: 56px;
	}
	
	.entry-content li .phonecontact-link, .entry-content li .emailcontact-link, .entry-content li .whatsappcontact-link {
		background-size: auto 42px;
		height: 40px;
		padding-left: 45px;
	}
	
	.site-content .entry-content input[type="text"],
	.site-content .entry-content input[type="email"],
	.site-content .entry-content input[type="password"],
	.site-content .entry-content input[type="tel"],
	.site-content .entry-content textarea,
	.site-content .entry-content select	{
		font-size: 20.7px;
	}
	
	.site-content .entry-content textarea {
		height: 200px;
	}
	
	form input[type="checkbox"], form input[type="radio"] {
		transform: scale(1.8);
		margin-right: 10px;
	}
	
	form button,
	form input[type="submit"],
	form input[type="button"],
	form input[type="reset"] {
		border-radius: 10px;
		padding: 14px 36px 16px 36px;
		box-shadow: inset 0 -5px 0 rgba(0,0,0,0.2);
	}
	
	.site-content .entry-content .new-frm button,
	.site-content .entry-content .new-frm input,
	.site-content .entry-content .new-frm textarea,
	.site-content .entry-content .new-frm select,
	.site-content .entry-content .new-frm input[type="submit"],
	.entry-content.searchs-results input[type="search"], .entry-content.searchs-results input[type="submit"] {
		font-size: 19px;
		height: 64px;
		border-width: 5px;
		border-radius: 32px;
		padding: 0 32px 0 32px;
	}
	
	.entry-content.searchs-results input[type="search"] {
		width: 420px;
	}
	
	.site-content .entry-content .new-frm textarea {
		height: 200px;
		padding: 24px 32px 24px 32px;
	}
	
	.site-content .entry-content .new-frm div.js-form-type-checkbox {
		font-size: 19px;
	}
	
	.site-content .entry-content .new-frm button:active, .site-content .entry-content .new-frm button:focus,
	.site-content .entry-content .new-frm input:active, .site-content .entry-content .new-frm input:focus,
	.site-content .entry-content .new-frm textarea:active, .site-content .entry-content .new-frm textarea:focus,
	.site-content .entry-content .new-frm select:active, .site-content .entry-content .new-frm select:focus,
	.entry-content.searchs-results input[type="search"]:active, .entry-content.searchs-results input[type="search"]:focus {
		border-width: 5px;
		box-shadow: 0 0 18px 0 rgba(200,200,200,0.5);
	}
	
	.content-imagelinks-block {
		margin: 35px 0;
	}
	
	hr {
		background: url("../images/dotted-line-2x.png") repeat center top;
		background-size: 8px 8px;
		height: 2px;
		margin: 0 0 40px;
	}
	
	a.buttonbox-link {
		border-radius: 14px;
		padding: 14px 24px 14px 85px;
		background: url("../images/info-250-orange.png") no-repeat 20px center;
		background-size: 50px auto;
	}

	a.buttonbox-link:hover {
		background: #ff5900 url("../images/info-250-white.png") no-repeat 15px center;
		background-size: 50px auto;
	}
	
	a.buttonbox-double, a.buttonbox-double-tworows {
		margin-left: 50px;
	}

	a.pdf-link {
		background: url("../images/pdf-250-orange.png") no-repeat 20px center;
		background-size: 50px auto;
	}

	a.pdf-link:hover {
		background: #ff5900 url("../images/pdf-250-white.png") no-repeat 15px center;
		background-size: 50px auto;
	}
	
	a.video-link {
		background: url("../images/video-250-red.png") no-repeat 20px center;
		background-size: 50px auto;
	}

	a.video-link:hover {
		background: #e73f40 url("../images/video-250-white.png") no-repeat 15px center;
		background-size: 50px auto;
	}
	
	a.calltoaction-link {
		border-radius: 14px;
		margin-top: 25px;
		padding: 16px 40px;
	}
	
	.gallery-imagedesc {
		font-size: 18.576px;
		margin-top: 16px;
	}

	.custom-gallery-container {
		margin-bottom: 45px;
	}

	.custom-gallery-nav {
		margin-top: 18px;
		margin-bottom: 40px;
	}
	
	.gallery-thumb-container {
		margin: 0px 5px;
	}

	.js-form-item {
		margin-bottom: 30px;
	}
	
	.description {
		font-size: 18.5px;
	}
	
	.tiles-nav {
		max-width: 1480px;
	}
	
	.site-main .sidebar-container {
		top: 60px;
	}

	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		max-width: 1436px;
		padding: 0 486px 0 20px;
	}
	
	.entry-full, .fullpage-content .entry-full, .sidebar .entry-full {
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}

	.entry-related, .fullpage-content .entry-related, .sidebar .entry-related {
		max-width: calc(100% - 180px);
		width: 100%;
		margin-top: 90px;
		padding: 0px;
	}
	
	.site-main .sidebar-inner {
		margin: 0 auto;
		max-width: 1436px;
	}
	
	.site-main .widget-area {
		width: 388px;
	}
	
	.sidebar-container .widget-area .widget-title {
		font-size: 27.9px;
		margin-bottom: 24px;
	}
	
	.site-main .widget {
		font-size: 19.8px;
		margin: 0 0 28px;
		padding: 26px;
	}
	
	.widget_text iframe.twitter-timeline {
		width: 100% !important;
		height: 800px !important;
	}
	
	.widget li > ul,
	.widget li > ol {
		margin-left: 30px;
	}
	
	.socialshare-container {
		margin: 35px 0px 35px 0px;
		font-size: 19.98px;
	}
	
	.socialshare-link {
		padding: 5px 12px 8px 12px !important;
		font-size: 21.96px;
		border-radius: 6px;
	}
	
	.related-content h5 {
		font-size: 23.4px;
	}
	
	.related-sep {
		margin: 20px 0 40px;
	}
	
	.related-item {
		font-size: 18px;
		padding-left: 105px;
		margin-bottom: 10px;	
		border-radius: 8px;
	}
	
	.related-item-news, .related-item-event, .related-item-news:hover, .related-item-event:hover {
		background-size: 85px auto;
	}
	
	div.related-text {
		font-size: 18px;
	}
	
	.relatedonside-item {
		margin-bottom: 32px;
		box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.15);
		border-radius: 8px;
	}
	
	.relatedonside-item:hover {
		box-shadow: 1px 1px 12px 0 rgba(0,0,0,0.25);
	}

	.relatedonside-item img.relatedonside-pic {
		border-radius: 8px 8px 0px 0px;
	}
	
	.relatedonside-item .relatedonside-text {
		padding: 20px 16px;
		font-size: 18.9px;
	}
	
	.custom-related-gallery .slick-track {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.custom-related-gallery .custom-related-gallery-item {
		margin: 0px 10px;
	}

	.custom-related-gallery .relatedgallery-thumb {
		border-radius: 8px 8px 0px 0px;
	}

	.custom-related-gallery .relatedgallery-text {
		padding: 13px 0px 0px 0px;
		font-size: 19px;
	}
	
	.relatedgallery-links {
		margin: 25px 0 15px;
	}
	
	.entry-content img {
		border-radius: 8px;
	}

	.content-matrix-item, 
	.content-matrix-uniqueitem,
	.content-matrix-rawitem {
		border-radius: 8px;
	}
	
	/* Q4 - Footer */
	
	.site-footer .widget-area {
		padding: 30px 0px;
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 470px;
		font-size: 18px;
		/* line-height: 1.15; */
	}
	
	.site-footer .widget-area .textwidget h3 {
		font-size: 24px;
		/* line-height: 1.2; */
	}
	
	.footer-icon img {
		height: 80px;
	}
	
	.site-footer .social-icon {
		width: 52px;
		height: 52px;
		margin-right: 22px;
	}
	
	.site-footer .social-insta {
		margin-right: 0;
	}
	
	.social-fb {
		background: url("../images/fb-logo-gray_80.png") no-repeat left top;
	}

	.social-fb:hover {
		background: url("../images/fb-logo-blue_80.png") no-repeat left top;
	}

	.social-tw {
		background: url("../images/x-logo-gray_80.png") no-repeat left top;
	}

	.social-tw:hover {
		background: url("../images/x-logo-black_80.png") no-repeat left top;
	}

	.social-insta {
		background: url("../images/insta-logo-gray_80.png") no-repeat left top;
		margin-right: 0;
	}

	.social-insta:hover {
		background: url("../images/insta-logo-pink_80.png") no-repeat left top;
	}

	.social-fb, .social-fb:hover, .social-tw, .social-tw:hover, .social-insta, .social-insta:hover {
		background-size: contain;
	}
	
	.site-footer .sidebar-container {
		margin-bottom: 45px;
	}
	
	.social-icon, .service-icon {
		margin-right: 22px;
		width: 54px;
		height: 54px;
	}
	
	.service-hd {
		margin-right: 0px;
	}
	
	.site-footer .site-info {
		max-width: 1385px;
		margin-bottom: 45px;
	}
	
	.site-footer .site-info .contacto, .site-footer .site-info .enlaces, .site-footer .site-info .campus {
		flex: 0 0 500px;
		font-size: 18px;
		padding: 0px 12px 0px 26px;
	}
	
	.site-footer .site-info .contacto {
		padding-right: 35px;
	}
	
	.site-footer .site-info .enlaces {
		padding-left: 35px;
	}
	
	.site-footer .site-info .universidad {
		padding: 24px 40px 0px 0px;
	}
	
	.site-footer .site-info .universidad .logo-footer-main {
		max-width: 320px;
	}
	
	.site-info .logo-footer-sec {
		margin-left: 18px;
	}
	
	.site-info .sep-border {
		border-left-width: 2px;
	}
	
	.site-info .campus-xalapa, .site-info .campus-cordoba, .site-info .campus-herramientas {
		max-width: 450px;
	}

	.site-info .campus .title {
		font-size: 22px;
	}

	.site-info .enlaces ul li, .site-info .contacto ul li, .site-info .campus ul li {
		margin-bottom: 6px;
	}
	
	.site-info .campus .campus-herramientas {
		padding-top: 10px;
	}
	
	.site-info .campus .smallicon, .site-info .campus .fb-smallicon, .site-info .campus .tw-smallicon, .site-info .campus .ig-smallicon,
	.site-info .campus .tool-siu, .site-info .campus .tool-office, .site-info .campus .tool-bs, .site-info .campus .tool-pr, .site-info .campus .tool-sp {
		line-height: 1.7;
		height: 30px;
		padding-left: 48px;
		background-size: auto 30px;
	}
	
	.derechos {
		font-size: 16px;
	}
	
	.alert {
		padding: 300px 26px 80px;
		background-size: auto 250px;
		border-radius: 26px;
	}
	
	.alert h5 {
		font-size: 46px;
		margin: 0 0 13px 0;
	}
	
	.alert .closebtn {
		font-size: 65px;
		top: 20px;
		right: 32px;
	}
	
	footer.entry-meta {
		margin-top: 32px;
	}
	
	/* Events */
	.entry-content.imagefirst-container {
		max-width: 1600px;
	}
	
	.entry-content .imagefirst-picture {
		max-width: 650px;
		padding: 42px;
		border: 5px solid #f0f0f0;
		border-radius: 25px;
	}
	
	.entry-header.imagefirst, .entry-content.imagefirst, .entry-summary.imagefirst, .entry-meta.imagefirst {
		max-width: 1600px;
		padding-left: 730px;
	}
	
	.entry-header.imagefirst .entry-title {
		font-size: 50px;
	}
	
	.entry-content.imagefirst a.buttonbox-link {
		padding: 14px 24px 14px 80px;
	}
	
	.entry-content.imagefirst a.buttonbox-double, .entry-content.imagefirst a.buttonbox-double-tworows {
		margin-left: 26px;
	}
	
	.entry-content .fullscreen-photo-gallery-container img {
		border-radius: 8px;
	}
	
}

/* Query para pantallas HD mayores a 2560 - posiblemente 4K */
@media (min-width: 3150px) {
	
	/* reset root font size */
	html, button, input, select, textarea {
		font-size: 42.48px;
	}
	
	/* Q1 - Navigation and Header */
	.screen-reader-text:focus {
		border-radius: 8px;
		box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.6);
		font-size: 36px;
		padding: 28px 42px 26px;
		left: 15px;
		top: 15px;
	}
	
	.topinfo {
		height: 190px;
		min-height: 190px;
	}

	.topinfo-container {
		max-width: 3000px;
		height: 190px;
		min-height: 190px;
	}
	
	.topinfo-container .toplogo-container {
		flex: 0 0 800px;
	}
	
	.topinfo-container .toptools-container {
		flex: 0 0 940px;
	}
	
	.topinfo-container .toplogo img {
		height: 160px;
		max-height: 160px;
	}
	
	.topinfo-container .topnotify-container img {
		height: 120px;
		max-height: 120px;
	}
	
	.navbar {
		/* min-height: 80px;
		border-bottom: 4px solid #c5c5c5; */
	}
	
	.navigation {
		max-width: 3000px;
	}
	
	.nav-topmenu li a {
		padding: 24px 50px 0px;
		min-height: 80px;
		font-size: 35.1px;
		margin: 16px 0px;
		border-radius: 16px;
		outline: 2px solid #f0f0f0;
		outline-offset: 4px;
	}
	
	.nav-topmenu li:hover > a,
	.nav-topmenu li a:hover,
	.nav-topmenu li:focus > a,
	.nav-topmenu li a:focus {
		outline: 2px solid #ffffff;
		outline-offset: 4px;
	}
	
	.site-header .search-form {
		top: 18px;
	}
	
	.site-header .search-field {
		background-size: 50px 50px;
		background-position: 6px center;
		height: 60px;
		font-size: 30.6px;
		padding: 0 0 0 60px;
		border-radius: 8px;
	}
	
	.site-header .search-field:focus {
		width: 440px;
	}
	
	.secnavbar-overlap {
		top: 302px;
	}
	
	.sec-navigation {
		max-width: 3000px;
	}
	
	.nav-mainmenu li a {
		height: 120px;
		min-height: 120px;
		font-size: 42px;
		padding: 30px 55px 0px;
		margin: 26px 0px;
		border-radius: 16px;
	}
	
	.nav-mainmenu li a.highlighted-menuitem {
		padding-right: 120px;
		border-radius: 16px;
		background-size: 50px 50px;
		background-position: right 30px center;
	}
	
	.cover-listcontainer #coveradmissions .item-container .base-btn {
		padding: 18px 88px 18px 22px;
		border-radius: 16px;
		background-size: 50px 50px;
		background-position: right 20px center;
	}
	
	.cover-listcontainer #coveradmissions p {
		margin: 0 0 40px;
	}
	
	.header-container .slick-dots {
		bottom: -70px;
	}
	
	/* Q2 - Cover */
	
	.entry-content-main,
	.entry-summary-main,
	.entry-meta-main,
	.entry-content-news {
		max-width: 2400px;
	}
	
	.mainblock-header {
		margin-bottom: 60px;
	}
	
	.mainblock-title {
		font-size: 57.6px;
		border-bottom-width: 5px;
	}
	
	.mainblock-news {
		margin-right: 80px;
	}
	
	.mainblock-admissions {
		margin-left: 80px;
	}
	
	img.newsblock-pic, img.newsbrick-pic {
		margin-right: 25px;
		margin-bottom: 15px;
	}
	
	h3.newsblock-title {
		font-size: 42.4px;
		line-height: 1.15;
	}
	
	.newsblock {
		font-size: 35px;
		line-height: 1.05;
		padding-bottom: 50px;
		margin-bottom: 45px;
	}
	
	.mainblock-news a.home-all, .mainblock-events a.home-all, .mainblock-admissions a.home-all, .mainblock-news a.home-highlights, .mainblock-events a.home-highlights {
		font-size: 30.6px;
	}
	
	.eventblock {
		margin-bottom: 36px;
	}
	
	.eventblock:hover {
		box-shadow: 2px 2px 10px 0 #A0A0A0;
	}
	
	.event-2, .event-3 {
		margin-bottom: 20px;
	}
	
	h3.maineventblock-title {
		font-size: 47px;
		margin: 18px 18px 0 36px;
	}
	
	.maineventtext-container {
		padding: 15px 0 20px 36px;
		font-size: 34.2px;
		/* line-height: 1.4; */
	}
	
	.maineventdate-container {
		height: 215px;
		padding: 40px 30px 0 0;
		font-size: 108px;
		line-height: 0.75;
		filter: drop-shadow(2px 2px 8px #aaa);
	}
	
	.eventdate-month, .eventdate-whitemonth {
		font-size: 46px;
		line-height: 1.5;
	}
	
	h3.eventblock-title {
		font-size: 41px;
		line-height: 1.2;
	}
	
	.eventtext-container {
		padding: 25px 20px 20px 25%;
		font-size: 34.6px;
		line-height: 1.2;
	}
	
	.eventdate-container {
		/* width: 26%; */
		font-size: 105px;
		line-height: 0.75;
		top: 32px;
	}
	
	.admissionblock {
		margin-bottom: 30px;
	}
	
	.admi-2, .admi-3, .admi-4 {
		font-size: 61.2px;
		line-height: 1;
	}
	
	.overlay-closebtn {
		font-size: 130px;
		width: 200px;
		height: 120px;
		padding: 50px 0 0 6px;
		border-width: 5px;
		border-radius: 60px;
		top: 40px;
		right: -240px;
	}
	
	/* Q2.5 - Cover */
	
	.entry-content-cover {
		max-width: 2600px;
	}
	
	.cover-gallerytitle {
		font-size: 40px;
		margin-bottom: 38px;
	}
	
	.cover-galleryheader .morelink {
		font-size: 30px;
		margin-left: 10px;
		bottom: 2px;
	}
	
	.cover-listcontainer .slick-track {
		padding-top: 34px;
		padding-bottom: 34px;
	}
	
	.cover-listcontainer .item-container {
		min-height: 800px;
		max-height: 800px;
		margin: 0px 22px;
		border-radius: 16px 16px 20px 16px;
		box-shadow: 3px 3px 8px 0 rgba(0,0,0,0.15);
	}
	
	.cover-listcontainer .item-container:hover {
		box-shadow: 3px 3px 22px 0 rgba(0,0,0,0.25);
	}
	
	.cover-listcontainer .item-container .item-image img {
		border-radius: 16px 16px 0px 0px;
	}
	
	.cover-listcontainer .item-container .item-text {
		font-size: 33.2px;
		padding: 22px 26px 34px 32px;
	}
	
	.cover-listcontainer .item-container .item-text h3 {
		font-size: 42.5px;
		margin: 0px 0px 12px 0px;
	}
	
	.cover-listcontainer .item-container .full-link {
		width: 70px;
		padding: 7px 16px;
		font-size: 45px;
		border-radius: 16px 0px 16px 0px;
	}
	
	.cover-listcontainer #coverevents .item-container .item-eventtext,
	.cover-listcontainer #relatedcontent .item-container .item-eventtext {
		padding: 0px 135px 0px 0px;
	}

	.cover-listcontainer .item-container .item-link, .cover-listcontainer .item-container .item-date {
		border-radius: 16px 0px 16px 0px;
	}

	.cover-listcontainer .item-container .item-date {
		width: 152px;
		padding: 25px 0px 75px;
		font-size: 72px;
	}
	
	.cover-listcontainer .item-container .item-month {
		font-size: 40px;
		letter-spacing: 2px;
	}
	
	.cover-listcontainer #coverinfo .item-container {
		min-height: 470px;
		max-height: 470px;
		border-radius: 16px;
	}

	.cover-listcontainer #coverinfo .item-container .item-image {
		min-height: 470px;
		max-height: 470px;
		height: 470px;
	}
		
	.cover-listcontainer #coverinfo .item-container .item-image img {
		border-radius: 16px;
	}
	
	.cover-listcontainer .item-container .item-campustag,
	.entry-related .custom-related-gallery-item .item-campustag {
		height: 65px;
	}

	.cover-listcontainer .item-container .item-campustagtitle, 
	.entry-related .custom-related-gallery-item .item-campustagtitle {
		font-size: 32px;
		padding: 16px 28px 0px;
		border-radius: 0px 0px 14px 14px;
	}
	
	/* Q3 - Content and Sidebar */
	
	.breadcrumbs, .breadcrumbs-alone {
		max-width: 2700px;
		margin-top: 20px;
		font-size: 34.2px;
		border-radius: 14px 14px 0px 0px;
	}

	.breadcrumbs {
		left: calc((100% - 2700px) / 2);
		margin-top: 0;
	}
	
	.breadcrumbs-slider {
		bottom: 70px;
	}
	
	.hentry {
		padding: 100px 0;
	}
	
	.entry-header, .entry-content, .entry-summary, .entry-meta, .entry-related {
		max-width: 1700px;
		font-size: 42.48px;
		/* margin-bottom: 60px; */
	}
	
	.cover-block:last-child {
		margin-bottom: 1rem;
	}

	.cover-block {
		margin-bottom: 3rem;
	}
	
	.fullpage-content .entry-header, .fullpage-content .entry-content, .fullpage-content .entry-summary, .fullpage-content .entry-meta {
		max-width: 1900px;
		margin-bottom: 60px;
		font-size: 42.48px;
	}
	
	.entry-title {
		font-size: 93.6px;
	}
	
	.allnews-header {
		max-width: 2532px;
		margin-bottom: 60px;
	}

	.entry-content-news {
		max-width: 2556px;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 44px;
	}
	
	.gridbrick {
		padding: 0px;
		margin: 0px;
		border-radius: 16px;
		box-shadow: 3px 3px 8px 0 rgb(0 0 0 / 15%);
	}
	
	.gridbrick:hover {
		box-shadow: 3px 3px 22px 0 rgb(0 0 0 / 25%);
	}
	
	.gridbrick-container {
		font-size: 33.2px;
		padding: 22px 26px 65px 32px;
	}
	
	.gridbrick-event .gridbrick-container {
		padding: 22px 26px 34px 32px;
	}
	
	img.gridbrick-pic {
		border-radius: 16px 16px 0px 0px;
	}
	
	.gridbrick-date {
		font-size: 30px;
		right: 35px;
		bottom: 24px;
	}
	
	h3.gridbrick-title {
		font-size: 42.5px;
		margin: 0px 0px 12px 0px;
	}
	
	.gridbrick-container .event-text {
		padding: 0px 135px 0px 0px;
	}

	.eventdate-year {
		font-size: 34.2px;
	}
	
	.gridbrick-date-container {
		width: 152px;
		padding: 25px 0px;
		font-size: 72px;
		border-radius: 16px 0px 16px 0px;
	}

	.gridbrick-month,
	.gridbrick-year {
		font-size: 40px;
		letter-spacing: 2px;
	}

	.gridbrick-year {
		font-size: 27px;
	}
	
	.page-title {
		font-size: 64.98px;
		font-style: italic;
		max-width: 2700px;
		padding: 50px 0;
	}
	
	.event-title-icon, .news-title-icon {
		padding-left: 175px;
		background-size: 150px auto;
		border-bottom-width: 2px;
	}
	
	h1 {
		font-size: 82.8px;
		margin: 60px 0 40px 0;
	}

	h2 {
		font-size: 73.8px;
		margin: 50px 0 30px 0;
	}

	h3 {
		font-size: 64.8px;
		margin: 50px 0 30px 0;
	}

	h4 {
		font-size: 55.8px;
		margin: 45px 0 25px 0;
	}

	h5 {
		font-size: 46.8px;
	}

	h6 {
		font-size: 37.8px;
	}

	.entry-content p, .entry-summary p,
	.entry-content ul, .entry-summary ul,
	.entry-content ol, .entry-summary ol {
		margin: 0 0 65px;
	}
	
	.entry-additional, .mainimage-container {
		margin-bottom: 65px;
	}
	
	.entry-content form p, .entry-summary form p {
		margin: 0 0 36px;
	}
	
	table {
		font-size: 38.34px;
		margin: 0 0 50px;
		border-bottom-width: 2px;
	}
	
	.entry-content .event-table td {
		border-top-width: 2px;
	}
	
	.entry-content .event-table td.eventitem-title {
		min-width: 400px;
	}
	
	.entry-content blockquote {
		margin: 50px 95px;
	}
	
	.entry-content blockquote p {
		margin: 0 0 38px;
	}
	
	.site-content .entry-content li {
		margin-left: 72px;
	}
	
	.entry-content .whatsapp-eventlink {
		background-size: auto 70px;
		height: 80px;
		padding-left: 75px;
	}
	
	.entry-content .phonecontact-link, .entry-content .emailcontact-link, .entry-content .whatsappcontact-link {
		background-size: auto 100px;
		height: 90px;
		padding-left: 100px;
	}
	
	.entry-content li .phonecontact-link, .entry-content li .emailcontact-link, .entry-content li .whatsappcontact-link {
		background-size: auto 76px;
		height: 70px;
		padding-left: 80px;
	}
	
	hr {
		background-size: 16px 16px;
		height: 4px;
		margin: 0 0 70px;
	}
	
	.content-matrix-row {
		margin-bottom: 50px;
	}

	.content-matrix-title h2, .content-matrix-title-upper h2, .content-matrix-title h3, .content-matrix-title-upper h3 {
		margin: 0 0 15px 0;
		font-size: 68.4px;
	}
	
	.content-matrix-item p, .content-matrix-uniqueitem p, .content-matrix-rawitem p {
		font-size: 42.48px;
	}
	
	.content-matrix-title-shadow {
		text-shadow: 3px 3px 10px #404040;
	}
	
	.content-imagelinks-block {
		margin: 45px 0;
	}
	
	a.buttonbox-link {
		border-radius: 24px;
		border-width: 5px;
		padding: 20px 34px 20px 165px;
		background: url("../images/info-250-orange.png") no-repeat 35px center;
		background-size: 90px auto;
	}

	a.buttonbox-link:hover {
		background: #ff5900 url("../images/info-250-white.png") no-repeat 25px center;
		background-size: 90px auto;
	}
	
	a.buttonbox-double, a.buttonbox-double-tworows {
		margin-left: 90px;
	}

	a.pdf-link {
		background: url("../images/pdf-250-orange.png") no-repeat 35px center;
		background-size: 90px auto;
	}

	a.pdf-link:hover {
		background: #ff5900 url("../images/pdf-250-white.png") no-repeat 25px center;
		background-size: 90px auto;
	}
	
	a.video-link {
		background: url("../images/video-250-red.png") no-repeat 35px center;
		background-size: 90px auto;
	}

	a.video-link:hover {
		background: #e73f40 url("../images/video-250-white.png") no-repeat 25px center;
		background-size: 90px auto;
	}
	
	a.calltoaction-link {
		border-width: 4px;
		border-radius: 20px;
		margin-top: 45px;
		padding: 26px 70px;
	}
	
	.gallery-imagedesc {
		font-size: 33.984px;
		margin-top: 28px;
	}
	
	.custom-gallery-container {
		margin-bottom: 80px;
	}
	
	.custom-gallery-nav {
		margin-top: 40px;
		margin-bottom: 80px;
	}
	
	.gallery-thumb-container {
		margin: 0px 10px;
	}
	
	.js-form-item {
		margin-bottom: 44px;
	}
	
	.description {
		font-size: 32px;
	}
	
	.tiles-nav {
		max-width: 2640px;
	}
	
	.image-zoom {
		width: 110px;
		height: 110px;
		right: 35px;
		top: 30px;
	}
	
	.textwidget .wpcf7 p {
		    margin: 0 0 36px;
	}
		
	.site-content .entry-content input[type="text"],
	.site-content .entry-content input[type="email"],
	.site-content .entry-content input[type="password"],
	.site-content .entry-content input[type="tel"],
	.site-content .entry-content textarea,
	.site-content .entry-content select,
	.textwidget .wpcf7 input[type="text"],
	.textwidget .wpcf7 input[type="email"],
	.textwidget .wpcf7 input[type="tel"],
	.textwidget .wpcf7 textarea,
	.textwidget .wpcf7 select {
		padding: 10px;
		border-bottom-width: 6px;
	}

	.site-content .entry-content input[type="text"],
	.site-content .entry-content input[type="email"],
	.site-content .entry-content input[type="password"],
	.site-content .entry-content input[type="tel"],
	.site-content .entry-content textarea,
	.site-content .entry-content select	{
		font-size: 38px;
	}
	
	.site-content .entry-content textarea {
		height: 400px;
	}
	
	form button,
	form input[type="submit"],
	form input[type="button"],
	form input[type="reset"] {
		border-radius: 16px;
		padding: 28px 75px 34px 75px;
		box-shadow: inset 0 -10px 0 rgba(0,0,0,0.2);
	}
	
	form input[type="checkbox"], form input[type="radio"] {
		transform: scale(3.8);
		margin-right: 25px;
	}
	
	.site-content .entry-content .new-frm button,
	.site-content .entry-content .new-frm input,
	.site-content .entry-content .new-frm textarea,
	.site-content .entry-content .new-frm select,
	.site-content .entry-content .new-frm input[type="submit"],
	.entry-content.searchs-results input[type="search"], .entry-content.searchs-results input[type="submit"] {
		font-size: 34px;
		height: 120px;
		border-width: 10px;
		border-radius: 60px;
		padding: 0 60px 0 60px;
	}
	
	.entry-content.searchs-results input[type="search"] {
		width: 750px;
	}
	
	.site-content .entry-content .new-frm textarea {
		height: 400px;
		padding: 40px 60px 40px 60px;
	}
	
	.site-content .entry-content .new-frm div.js-form-type-checkbox {
		font-size: 34px;
}

	.site-content .entry-content .new-frm button:active, .site-content .entry-content .new-frm button:focus,
	.site-content .entry-content .new-frm input:active, .site-content .entry-content .new-frm input:focus,
	.site-content .entry-content .new-frm textarea:active, .site-content .entry-content .new-frm textarea:focus,
	.site-content .entry-content .new-frm select:active, .site-content .entry-content .new-frm select:focus,
	.entry-content.searchs-results input[type="search"]:active, .entry-content.searchs-results input[type="search"]:focus {
		border: 10px solid #e4e4e4;
		box-shadow: 0 0 36px 0 rgba(200,200,200,0.5);
	}
	
	.site-main .sidebar-container {
		top: 100px;
	}

	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		max-width: 2688px;
		padding: 0 888px 0 100px;
		margin-bottom: 40px;
	}
	
	.entry-full, .fullpage-content .entry-full, .sidebar .entry-full {
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}

	.entry-related, .fullpage-content .entry-related, .sidebar .entry-related {
		max-width: calc(100% - 320px);
		width: 100%;
		margin-top: 160px;
		padding: 0px;
	}
	
	.site-main .sidebar-inner {
		margin: 0 auto;
		max-width: 2688px;
	}
	
	.site-main .widget-area {
		width: 708px;
	}
	
	.sidebar-container .widget-area .widget-title {
		font-size: 50.4px;
		margin-bottom: 40px;
	}
	
	.relatedonside-item {
		margin-bottom: 58px;
		box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.15);
		border-radius: 14px;
	}
	
	.relatedonside-item:hover {
		box-shadow: 2px 2px 22px 0 rgba(0,0,0,0.25);
	}
	
	.relatedonside-item img.relatedonside-pic {
		border-radius: 14px 14px 0px 0px;
	}
	
	.relatedonside-item .relatedonside-text {
		padding: 35px 30px;
		font-size: 33.3px;
	}
	
	.site-main .widget {
		font-size: 36.9px;
		margin: 0 0 60px;
		padding: 47px;
	}
	
	.widget_text iframe.twitter-timeline {
		width: 100% !important;
		height: 1200px !important;
	}
	
	.widget li > ul,
	.widget li > ol {
		margin-left: 48px;
	}
	
	.socialshare-container {
		margin: 45px 0px 45px 0px;
		font-size: 37.8px;
	}
	
	.socialshare-link {
		padding: 8px 20px 8px 20px !important;
		font-size: 39.96px;
		border-radius: 10px;
		box-shadow: inset 0 -8px 0 rgba(0,0,0,0.2);
	}
	
	.related-content h5 {
		font-size: 43.2px;
		margin-bottom: 30px;
	}
	
	.related-sep {
		margin: 40px 0 70px;
	}
	
	.related-item {
		font-size: 33.3px;
		padding-left: 190px;
		border-bottom-width: 2px;
		margin-bottom: 18px;
		border-radius: 14px;
	}
	
	.related-item-news, .related-item-event, .related-item-news:hover, .related-item-event:hover {
		background-size: 150px auto;
	}
	
	div.related-text {
		font-size: 32.4px;
		margin: 50px 0;
	}
	
	.custom-related-gallery .slick-track {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.custom-related-gallery .custom-related-gallery-item {
		margin: 0px 18px;
	}

	.custom-related-gallery .relatedgallery-thumb {
		border-radius: 14px 14px 0px 0px;
	}

	.custom-related-gallery .relatedgallery-text {
		padding: 24px 0px 0px 0px;
		font-size: 35px;
	}

	.relatedgallery-links {
		margin: 50px 0 30px;
	}
	
	.entry-content img {
		border-radius: 14px;
	}
	
	.content-matrix-item, 
	.content-matrix-uniqueitem,
	.content-matrix-rawitem {
		border-radius: 14px;
	}
	
	/* Q4 - Footer */
	
	.site-footer .widget-area {
		padding: 60px 0px;
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 900px;
		font-size: 34px;
	}

	.site-footer .widget-area .textwidget h3 {
		font-size: 45px;
		/* line-height: 1.2; */
	}
	
	.footer-icon img {
		height: 150px;
	}

	.site-footer .social-icon {
		width: 100px;
		height: 100px;
		margin-right: 40px;
	}
	
	.site-footer .social-insta {
		margin-right: 0;
	}
	
	.site-footer .sidebar-container {
		margin-bottom: 80px;
	}
	
	.social-icon, .service-icon {
		margin-right: 45px;
		width: 110px;
		height: 110px;
	}
	
	.service-hd {
		margin-right: 0px;
	}
	
	.site-footer .site-info {
		max-width: 2600px;
		margin-bottom: 80px;
	}
	
	.site-footer .site-info .contacto, .site-footer .site-info .enlaces, .site-footer .site-info .campus {
		flex: 0 0 920px;
		font-size: 32px;
		padding: 0px 20px 0px 40px;
	}
	
	.site-info .campus-xalapa, .site-info .campus-cordoba, .site-info .campus-herramientas {
		max-width: 820px;
	}
	
	.site-footer .site-info .contacto {
		padding-right: 60px;
	}
	
	.site-footer .site-info .enlaces {
		padding-left: 60px;
	}
	
	.site-footer .site-info .universidad {
		padding: 35px 65px 0px 0px;
	}
	
	.site-footer .site-info .universidad .logo-footer-main, .site-footer .site-info .universidad .logo-footer-sec {
		max-width: 600px;
	}
	
	.site-footer .site-info .universidad .logo-footer-main {
		margin-right: 0px;
	}
	
	.site-info .campus .title {
		font-size: 45px;
	}
	
	.site-info .enlaces ul li, .site-info .contacto ul li, .site-info .campus ul li {
		margin-bottom: 12px;
	}
	
	.site-info .campus .campus-herramientas {
		padding-top: 20px;
	}
	
	.site-info .campus .smallicon, .site-info .campus .fb-smallicon, .site-info .campus .tw-smallicon, .site-info .campus .ig-smallicon,
	.site-info .campus .tool-siu, .site-info .campus .tool-office, .site-info .campus .tool-bs, .site-info .campus .tool-pr, .site-info .campus .tool-sp {
		line-height: 1.7;
		height: 55px;
		padding-left: 80px;
		background-size: auto 55px;
	}
	
	.derechos {
		font-size: 30px;
		margin-bottom: 30px;
	}
	
	.alert {
		padding: 546px 48px 146px;
		background-size: auto 455px;
		border-radius: 48px;
	}
	
	.alert h5 {
		font-size: 84px;
		margin: 0 0 24px 0;
	}
	
	.alert .closebtn {
		font-size: 118px;
		top: 37px;
		right: 58px;
	}
	
	footer.entry-meta {
		margin-top: 58px;
	}
	
	/* Events */
	.entry-content.imagefirst-container {
		max-width: 2900px;
	}
	
	.entry-content .imagefirst-picture {
		max-width: 1150px;
		padding: 75px;
		border: 8px solid #f0f0f0;
		border-radius: 40px;
	}
	
	.entry-header.imagefirst, .entry-content.imagefirst, .entry-summary.imagefirst, .entry-meta.imagefirst {
		max-width: 2900px;
		padding-left: 1300px;
	}
	
	.entry-header.imagefirst .entry-title {
		font-size: 90px;
	}
	
	.entry-content.imagefirst a.buttonbox-link {
		padding: 20px 34px 20px 145px;
	}
	
	.entry-content.imagefirst a.buttonbox-double, .entry-content.imagefirst a.buttonbox-double-tworows {
		margin-left: 40px;
	}
	
	.entry-content .fullscreen-photo-gallery-container img {
		border-radius: 14px;
	}
	
}

/* Inician Queries para dispositivos móviles */

@media (max-width: 1299px) {
	
	.entry-content-main,
	.entry-summary-main,
	.entry-meta-main,
	.entry-content-news {
		max-width: 900px;
	}
	
	.entry-content-news {
		max-width: 1082px;
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 330px;
	}
	
}

@media (max-width: 1199px) {
	
	/* Cover */
	.entry-content-cover {
		max-width: 885px;
	}
	
	.cover-listcontainer .item-container {
		margin: 0px 19px;
	}
	
	.cover-listcontainer #coverinfo .item-container {
		margin: 0px 10px;
	}
	
	.topinfo-container .tools-container {
		padding: 0px 10px 0px 0px;
	}
	
	/* Footer */
	.site-footer .sidebar-container {
		background: #e0e0e0;
	}
	
}


@media (max-width: 1100px) {
	
	.topinfo-container .toplogo {
		padding-left: 10px;
	}

	.topinfo-container .toptools-container {
		flex: 0 0 325px;
	}
	
	.topinfo-container .tools-container {
		padding: 0px 18px 0px 0px;
	}
	
	.topinfo-container .service-icon {
		margin: 0px 12px 0px 0px;
	}
	
	.entry-title-expanded {
		margin-left: 0;
		margin-right: 0;
	}
	
	table {
		font-size: 14.4px;
	}
	
	/* Footer */
	.site-footer .widget-area .textwidget {
		max-width: 320px;
	}
	
}


@media (max-width: 1069px) {
	
	.navigation {
		padding-left: 10px;
	}
	
	.sec-navigation {
		max-width: 1000px;
	}
	
	.navbar li.desktop-menuitem, .secnavbar li.desktop-menuitem,
	.secnavbar-overlap li.desktop-menuitem, .secnavbar-alone li.desktop-menuitem {
		display: none;
	}
	
	.navbar li.tablet-menuitem, .secnavbar li.tablet-menuitem, 
	.secnavbar-overlap li.tablet-menuitem, .secnavbar-alone li.tablet-menuitem {
		display: inline-block;
	}
	
	/* reiniciar el ancho por defecto */
	
	.entry-header, .entry-content, .entry-summary, .entry-meta, .entry-related {
		max-width: 604px;
	}
	
	.attachment .entry-meta {
		max-width: 604px;
	}

	.attachment .entry-description {
		max-width: 604px;
	}

	.paging-navigation .nav-links {
		max-width: 604px;
	}

	.author-info {
		max-width: 604px;
	}

	.page-content {
		max-width: 604px;
	}

	.comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe {
		max-width: 604px;
	}

	.comment-navigation {
		max-width: 604px;
	}

	.site-main .mu_register {
		max-width: 604px;
	}
	
	.site-main .sidebar-inner {
		max-width: 1040px;
	}

	.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta {
		max-width: 1040px;
	}
	
	.entry-full, .fullpage-content .entry-full, .sidebar .entry-full {
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}

	.entry-related, .fullpage-content .entry-related, .sidebar .entry-related {
		max-width: calc(100% - 120px);
		width: 100%;
		padding: 0px;
	}

	.attachment .entry-header {
		max-width: 1040px;
	}

	.image-navigation {
		max-width: 1040px;
	}

	.sidebar .paging-navigation .nav-links {
		max-width: 1040px;
	}

	.post-navigation .nav-links {
		max-width: 1040px;
	}

	.author.sidebar .author-info {
		max-width: 1040px;
	}

	.archive-title, .archive-meta {
		max-width: 1040px;
	}

	.page-title {
		max-width: 1040px;
	}

	.sidebar .page-content {
		max-width: 1040px;
	}

	.error404 .page-header, .error404 .page-content {
		max-width: 1040px;
	}

	.sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form {
		max-width: 1040px;
	}
	
	/* fin de reiniciar ancho por defecto */
	
	.nav-topmenu li a {
		padding: 9px 14px 0px;
	}
	
	.site-header .search-form {
		right: 16px;
	}
	
	.allnews-header {
		max-width: 842px;
	}
	
	.entry-content-news {
		max-width: 847px;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 38px;
	}
	
	.sidebar img.alignleft,
	.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}

	.sidebar img.alignright,
	.sidebar .wp-caption.alignright {
		margin-right: 0;
	}

	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}

	.archive-header,
	.search .page-header,
	.archive .page-header,
	.blog .page-header,
	.error404 .page-content,
	.search .page-content,
	.archive .page-content,
	.attachment .entry-header,
	.attachment .entry-content,
	.post-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.related-item {
		font-size: 12.6px;
		padding-left: 65px;
		background-size: 60px auto;
	}
	
	.error404 .page-title {
		font-size: 23.94px;
		padding: 180px;
	}

	.error404 .page-title:before {
		font-size: 30px;
	}

	.attachment .image-navigation {
		max-width: 724px;
	}

	.image-navigation .nav-previous,
	.image-navigation .nav-next {
		position: static;
	}

	.site-main .widget-area {
		margin-right: 60px;
	}
	
	.breadcrumbs, .breadcrumbs-alone {
		max-width: 99%;	
	}

	.breadcrumbs {	
		left: 0%;
	}
	
	.overlayvideo {
		width: 60%;
		padding-bottom: 33.75%;
	}
	
	/* Cover */
	.cover-listcontainer .mobile-link, .gridbrick .mobile-link {
		display: none; /* block - update */
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background: transparent;
	}
	
	.cover-listcontainer .mobile-link a, .gridbrick .mobile-link a {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.cover-listcontainer .mobile-link a:focus, .gridbrick .mobile-link a:focus {
		background: rgba(255,91,0,0.3);
		border-radius: 6px;	
	}
	
	.cover-listcontainer .item-container .item-campustagtitle, 
	.entry-related .custom-related-gallery-item .item-campustagtitle {
		opacity: 1;
	}
	
	/* estilos para la matriz de elementos visuales */
	.content-matrix-row {
		align-items: stretch;
	}

	.content-matrix-item,
	.content-matrix-uniqueitem,
	.content-matrix-rawitem {
		padding: 20px 15px;
	}
	
	.content-matrix-rawitem {
		padding: 0px;
	}
	
	img.content-matrix-base,
	img.content-matrix-pic {
		display: none;
	}
	
	.content-matrix-title,
	.content-matrix-title-upper {
		width: auto;
		height: auto;
		min-height: auto;
		position: relative;
		bottom: 0;
		left: 0;
		transition: none;
	}
	
	.content-matrix-title h2,
	.content-matrix-title-upper h2,
	.content-matrix-title h3,
	.content-matrix-title-upper h3 {
		width: auto;
		position: relative;
	}
	
	.content-matrix-desc,
	.content-matrix-desc-upper {
		width: auto;
		position: relative;
		top: 0;
		left: 0;
		z-index: initial;
		opacity: 1.0;
		transition: none;		
	}
	
	.content-matrix-item:hover .content-matrix-title,
	.content-matrix-item:hover .content-matrix-title-upper,
	.content-matrix-uniqueitem:hover .content-matrix-title,
	.content-matrix-uniqueitem:hover .content-matrix-title-upper {
		bottom: initial;
	}
	
	.content-matrix-title-shadow {
		text-shadow: none;
	}
	
	.content-matrix-movilonly {
		display: initial;
	}
	
}

@media (min-width: 767px) and (max-width: 799px) {
	
	.tablet-hidden {
		display: none !important;
	}
	
	.cover-listcontainer #coveradmissions .item-container .base-btn {
		font-size: 100%;
	}
	
}

@media (min-width: 640px) and (max-width: 1024px) {
	
	a.buttonbox-double-tworows {
		display: block;
		width: fit-content;
		margin: 30px auto 0 auto;
	}
	
}

@media (max-width: 1024px) and (orientation: portrait) {
	
	.overlayvideo {
		width: 80%;
		padding-bottom: 45%;
	}
	
}

@media (max-width: 999px) {
	
	.topinfo-container .toplogo-container {
		flex: 0 0 260px;
	}
	
	.topinfo-container .toplogo img {
		width: auto;
		height: 100%;
		max-height: 70px;
	}
	
	.nav-mainmenu li a {
		padding: 8px 12px 0px;
	}
	
	.sidebar .entry-header,
	.sidebar .entry-content,
	.sidebar .entry-summary,
	.sidebar .entry-meta,
	.sidebar .comment-list,
	.sidebar .comment-reply-title,
	.sidebar .comment-navigation,
	.sidebar .comment-respond .comment-form,
	.sidebar .featured-gallery,
	.sidebar .post-navigation .nav-links,
	.author.sidebar .author-info {
		max-width: 604px;
		padding-left: 0;
		padding-right: 0;
	}

	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.attachment .entry-header,
	.sidebar .comments-title {
		max-width: 604px;
	}

	.sidebar .archive-meta,
	.attachment .entry-header,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .site-info,
	.sidebar .comments-title,
	.sidebar .no-comments {
		padding-left: 0;
		padding-right: 0;
	}

	.attachment .entry-meta {
		float: left;
		text-align: left;
		width: 100%;
	}

	.attachment .entry-content {
		max-width: 100%;
		padding: 40px 0;
	}

	.format-status .entry-content {
		padding-top: 40px;
	}

	.format-status .entry-meta {
		padding-bottom: 40px;
	}

	.sidebar .format-status .entry-content,
	.sidebar .format-status .entry-meta {
		padding-left: 35px;
	}

	.sidebar .format-status .entry-content:before,
	.sidebar .format-status .entry-meta:before {
		left: 10px;
	}

	.sidebar .format-status .entry-content p:first-child:before {
		left: 4px;
	}

	.sidebar .paging-navigation .nav-links {
		padding: 0 60px;
	}

	.site-main .sidebar-container {
		height: auto;
		margin: 0 auto;
		max-width: 604px;
		position: relative;
		top: 20px;
		background: #f0f0f0;
	}

	.site-main .widget-area {
		float: none;
		margin: 0 0 80px 0;
		padding-top: 30px;
		width: 100%;
		background-color: inherit;
	}

	.sidebar .site-footer .widget-area {
		max-width: 100%;
		left: 0;
	}
	
	.site-main .widget-area .widget {
		margin-left: 60px;
		margin-right: 60px;
		width: auto;
	}
	
	/* ajustes para los formularios en el Sidebar */
	.textwidget .wpcf7 input[type="text"],
	.textwidget .wpcf7 input[type="email"],
	.textwidget .wpcf7 select,
	.textwidget .wpcf7 textarea {
		width: 93%;
		background-color: #f9f9f9;
	}
	
	.relatedonside-content {
		margin-left: 60px;
		/* width: 80%; */
	}
	
	.relatedonside-item .relatedonside-text {
		display: block;
		padding: 15px;
		font-size: 18px;
	}
	
	.custom-gallery-container-dots {
		margin-bottom: 65px;
	}
	
	.allnews-header {
		max-width: 802px;
	}

	.entry-content-news {
		max-width: 807px;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 18px;
	}
	
	/* Cover */
	.entry-content-cover {
		max-width: 825px;
	}
	
	.cover-listcontainer .item-container {
		margin: 0px 9px;
	}
	
	.cover-listcontainer #coverinfo .item-container {
		margin: 0px 9px;
	}
	
	/* Events */
	.entry-content.imagefirst-container {
		margin-bottom: 30px;
	}
	
}

@media (max-width: 940px) {
	
	.nav-topmenu li a {
		padding: 10px 8px 0px;
	}
	
	.tiles-nav {
		max-width: 660px;
	}
	
	.sidebar-container .widget-area .widget-title {
		font-size: 27px;
	}
	
	.sidebar-container .widget {
		font-size: 19.8px;
	}
	
	/* Footer */
	.site-footer .widget-area .textwidget {
		max-width: 290px;
		font-size: 13px;
	}
	
	.site-info .universidad {
		padding: 15px 10px 0px 15px;
	}
	
	.site-info .contacto, .site-info .enlaces, .site-info .campus {
		flex: 0 0 350px;
	}
	
}

@media (max-width: 899px) {
	
	.nav-topmenu li a {
		min-height: 36px;
		padding: 12px 6px 0px;
		font-size: 12.5px;
	}
	
	.site-header .search-form {
		top: 6px;
	}
	
	.menu-principal-container ul {
		width: fit-content;
		max-width: 750px;
	}
	
	.nav-mainmenu li a {
		/* max-width: 120px; */
		font-size: 15.84px;
		line-height: 1.3;
		padding: 9px 10px;
		margin: 6px 0px;
	}
	
	.secnavbar,
	.secnavbar-overlap,
	.secnavbar-alone {
		position: relative;
		top: 0;
	}
	
	.logo-container {
		/* background: #444442; #e69034; */
		width: 100%;
	}
	
	.topinfo-container .topnotify-container img {
		max-width: 230px;
		height: auto;
		max-height: none;
	}
	
	.topinfo-container .toptools-container {
		flex: 0 0 330px;
	}
	
	.social-icon, .service-icon {
		width: 40px;
		height: 40px;
	}
	
	.headerover,
	.inside-headerover,
	.featured-leftheaderimage,
	.featured-rightheaderimage {
		display: none;
		z-index: -1000;
	}
		
	.headerimage {
		border: none;
		z-index: 1000;
	}
		
	.breadcrumbs, .breadcrumbs-alone {
		position: relative;
		top: unset;
		left: unset;
		color: inherit;
	}
	
	.breadcrumbs-slider {
		bottom: unset;
	}
	
	.breadcrumbs:hover {
		background: none;
	}
	
	.breadcrumbs a, .breadcrumbs-alone a,
	.breadcrumbs a:hover, .breadcrumbs-alone a:hover {	
		color: #dea213;
	}
	
	.breadcrumbs a:visited, .breadcrumbs-alone a:hover {
		color: #de7313;
	}
	
	.fullpage-content .entry-header,
	.fullpage-content .entry-content,
	.fullpage-content .entry-summary,
	.fullpage-content .entry-meta {
		margin: 0 auto;
		max-width: 704px;
		width: 100%;
	}
	
	.hsvideo button {
		position: relative;		
		right: initial;
		top: initial;
		margin: 16px auto;
		opacity: 1.0;
		-webkit-transition: none;
		transition:         none;
	}
	
	.hsvideo button.videoPlay {
		display: inline-block;
		margin-right: 12px;
	}

	.hsvideo:hover button {
		opacity: initial;
	}
		
	.site-footer .widget-area .textwidget {
		/* max-width: 260px;
		font-size: 13px; */
	}
	
	.site-footer .widget-area .textwidget h3 {
		font-size: 17px;
	}
	
	.site-info .universidad {
		padding: 8px 15px 0px 15px;
	}
	
	.site-footer .site-info .universidad .logo-footer-main {
		max-width: 250px;
	}

	.site-info .contacto, .site-info .enlaces, .site-info .campus {
		flex: 0 0 290px;
		font-size: 12.6px;
		padding: 0px 18px 0px 18px;
	}
	
	.site-info .campus .smallicon, .site-info .campus .fb-smallicon, .site-info .campus .tw-smallicon, .site-info .campus .ig-smallicon,
	.site-info .campus .tool-siu, .site-info .campus .tool-office, .site-info .campus .tool-bs, .site-info .campus .tool-pr, .site-info .campus .tool-sp {
		margin-top: 8px;
	}
	
	/* The alert message box */
	.alert {
		width: 80%;
		left: 10%;
	}
}


@media (max-width: 849px) {
	
	.allnews-header {
		max-width: 780px;
	}

	.entry-content-news {
		max-width: 783px;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 12px;
	}
	
	.gridbrick-container {
		padding: 10px 8px 28px 14px;
	}
	
	.gridbrick-event .gridbrick-container {
		padding: 10px 8px 12px 14px;
	}
	
	/* Cover */
	.entry-content-cover {
		max-width: 795px;
	}
	
	.cover-listcontainer .item-container {
		margin: 0px 6px;
	}
	
	.cover-listcontainer #coverinfo .item-container {
		margin: 0px 6px;
	}
	
	.cover-listcontainer .item-container .item-text {
		padding: 10px 8px 16px 14px;
	}
	
}


@media (max-width: 799px) {
	
	.topinfo-container .toplogo-container {
		flex: 0 0 245px;
	}

	.topinfo-container .toptools-container {
		flex: 0 0 265px;
	}
	
	.topinfo-container .service-icon {
		margin: 0px 10px 0px 0px;
	}
	
	.toptools-container .tablet-disposable {
		display: none;
	}
	
	.full-set .service-icons-container a:nth-last-child(2) {
		margin-right: 0px;
	}
	
	.secnavbar, .secnavbar-overlap, .secnavbar-alone {
		background: #FF5900;
	}

	.metaslider.uberslider .caption-wrap {
		right: 5%;
		bottom: 5%;
		max-width: 90%;
		width: auto;
	}
	
	.metaslider.uberslider .caption {
		padding: 12px;
		font-size: 18px;
	}	
	
	.allnews-header {
		max-width: 690px;
	}

	.entry-content-news {
		max-width: 696px;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 12px;
	}
	
	.gridbrick-container {
		padding: 10px 6px 28px 6px;
	}
	
	.gridbrick-event .gridbrick-container {
		padding: 10px 6px 12px 6px;
	}
	
	.gridbrick-container .event-text {
		padding: 0px 48px 0px 0px;
	}
	
	.gridbrick-date-container {
		width: 52px;
	}
	
	/* Cover */
	.entry-content-cover {
		max-width: 708px;
	}
	
	.cover-listcontainer .item-container .item-text {
		padding: 10px 6px 16px 6px;
	}
	
	.cover-listcontainer #coverevents .item-container .item-eventtext,
	.cover-listcontainer #relatedcontent .item-container .item-eventtext {
		padding: 0px 48px 0px 0px;
	}

	.cover-listcontainer .item-container .item-date {
		width: 52px;
		padding: 10px 0px 32px;
	}
	
	/* content */
		
	.mainblock-news {
		clear: both;
		width: 620px;
		max-width: 640px;
		margin: 0 auto;
		margin-bottom: 25px;
		text-align: center;
	}
	
	.mainblock-news-title {
		display: none;
	}
	
	.newsblock-group {
		width: 30%;
		clear: none;
		display: inline-block;
		position: relative;
		vertical-align: top;
	}
	
	.mainblock-news .lastgroup {
		margin-left: 20px;
	}
	
	.eventtext-container {
		padding: 10px 10px 10px 25%;
	}
	
	.eventdate-container {
		
	}
	
	.allnews-container {
		/* margin-bottom: 27px; */	
	}
	
	.mainblock-admissions aside.widget {
		margin-bottom: 0;
	}
	
	.admissionblock {
		margin-bottom: 8px;
	}
	
	.newsblock-group,
	.mainblock-events,
	.mainblock-admissions {
		min-width: 290px;
	}
	
	.entry-content .event-table td.eventitem-title {
		min-width: 160px;
	}
	
	.site-header .search-field:focus {
		width: 180px; /* 220px */
	}
	
	.debug-box {
		display: none;
	}
	
	.sidebar-inner .widget_text {
		width: 80%;
		max-width: 80%;
	}
	
	.sidebar-inner .textwidget .wpcf7 input[type="text"],
	.sidebar-inner .textwidget .wpcf7 input[type="email"],
	.sidebar-inner .textwidget .wpcf7 select,
	.sidebar-inner .textwidget .wpcf7 textarea {
		width: 100%;
		padding: 10px 15px;
		border: none;
		border-radius: 12px;
	}
	
	
	/* footer */
	
	.site-footer .widget-area {
		flex-wrap: wrap;
		padding: 30px 0 0;
	}
	
	.site-footer .widget-area .widget {
		/* flex: 0 0 50%; */
		margin-bottom: 30px;
	}
	
	.site-footer .widget-area .widget:last-child {
		/* flex: 0 0 100%; */
		/* margin-bottom: 30px; */
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 300px;
		/* margin: 0px auto; */
	}
	
	.site-info .universidad {
		padding: 5px 10px 0px 0px;
	}
	
	.site-footer .site-info .universidad .logo-footer-main {
		max-width: 210px;
	}

	.site-info .contacto, .site-info .enlaces, .site-info .campus {
		flex: 0 0 260px;
		font-size: 12px;
		line-height: 1.4;
		padding: 0px 8px 0px 10px;
	}
	
	.entry-content.searchs-results input[type="search"] {
		width: 190px;
	}
	
}


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	
	.site-title {
		font-size: 36px;
		padding: 8px 0 10px;
	}
	
	.topinfo-container .topnotify-container img {
		max-width: 220px;
	}
	
	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.attachment .image-navigation,
	.attachment .entry-attachment .attachment {
		max-width: 604px;
		padding: 0;
		width: 100%;
	}

	.gallery-caption {
		display: none;
	}
	
	.entry-content .event-table td.eventitem-title {
		min-width: auto;		
	}
	
	.fullpage-content .entry-header,
	.fullpage-content .entry-content,
	.fullpage-content .entry-summary,
	.fullpage-content .entry-meta {
		margin: 0 auto;
		max-width: 604px;
		width: 100%;
	}
	
	/* ajustar el video overlay */
	.overlayvideo {
		width: 70%;
		padding-bottom: 39.375%;
	}
	
	/* Footer */
	.site-info {
		flex-wrap: wrap;
	}
	
	.site-info .universidad {
		flex: 0 0 100%;
		text-align: center;
	}
	
	.site-info .campus	{
		flex: 0 0 50%;
		text-align: left;
		padding: 10px 18px 0px 18px;
	}
	
	.site-info .campus .title {
		font-size: 18px;
	}
	
	.site-info .sep-border {
		border-left: none;
	}
	
	.site-info .sep-border:last-child {
		border-left: 1px solid #c5c5c5;
	}
	
	.site-info .campus-xalapa {
		max-width: 290px;
		margin: 0px 0px 0px auto;
		text-align: right;
	}
	
	.site-info .campus-cordoba {
		max-width: 290px;
		margin: 0px auto 0px 0px;
	}
	
	.site-info .campus ul li {
	    margin-bottom: 12px;
	}
		
	.enlaces ul li,
	.contacto ul li {
		margin-bottom: 10px;		
	}
	
	.site-info .campus .campus-xalapa .fb-smallicon, .site-info .campus .campus-xalapa .tw-smallicon, .site-info .campus .campus-xalapa .ig-smallicon {
		padding-left: 0px;
		padding-right: 36px;
		background-position: calc(100% - 12px );
	}
	
	.site-footer .site-info .universidad .logo-footer-main {
		width: 100%;
		max-width: 250px;
		height: auto;
		margin-bottom: 30px;
	}
	
	.logo-footer-sep {
		display: none;
	}
	
	.site-info .logo-footer-sec {
		height: 40px;
		width: auto;
	}
	
}


@media (max-width: 699px) {
	
	/* Top header */
	.topinfo-container .toplogo-container, .topinfo-container .toptools-container {
		flex: 0 0 50%;
	}
	
	.topinfo-container .tools-container {
		padding-right: 30px;
	}
	
	.topinfo-container .topnotify-container {
		display: none;
	}
	
	.topinfo-container .toplogo {
		padding-left: 20px;
	}
	
	.topinfo-container .service-icon {
		margin: 0px 15px 0px 0px;
	}
	
	.nav-topmenu li a {
		font-size: 12px;
	}
	
	.nav-mainmenu li a {
		/* max-width: 100px; */
		font-size: 14.6px;
		padding: 9px 8px;
		margin: 0;
	}
	
	.allnews-header {
		max-width: 545px;
	}

	.entry-content-news {
		max-width: 548px;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 34px;
	}
	
	.gridbrick-container {
		padding: 10px 10px 28px 16px;
	}
	
	.gridbrick-event .gridbrick-container {
		padding: 10px 10px 12px 16px;
	}
	
	.gridbrick-container .event-text {
		padding: 0px 60px 0px 0px;
	}
	
	.gridbrick-date-container {
		width: 64px;
	}
	
	/* Cover */
	.entry-content-cover {
		max-width: 582px;
	}
	
	.cover-desktophidden {
		display: initial;
	}

	.cover-listcontainer .item-container {
		margin: 0px 17px;
	}
	
	.cover-listcontainer .item-container .item-text {
		padding: 10px 10px 16px 16px;
	}
	
	.cover-listcontainer .item-container .item-date {
		width: 64px;
	}
	
	.cover-listcontainer #coverevents .item-container .item-eventtext,
	.cover-listcontainer #relatedcontent .item-container .item-eventtext {
		padding: 0px 60px 0px 0px;
	}
	
	/* Footer */
	
	.entry-full, .fullpage-content .entry-full, .sidebar .entry-full {
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}

	.entry-related, .fullpage-content .entry-related, .sidebar .entry-related {
		max-width: calc(100% - 90px);
		width: 100%;
		padding: 0px;
	}
	
	.related-content h5 {
		font-size: 20px;
		margin-bottom: 30px;	
	}
	
	.sidebar .site-info {
		padding-left: 0;
		padding-right: 0;
	}
	
	.social-icon {
		margin: 0px 20px 0px 0px;
		width: 60px;
		height: 60px;
	}
	
	.social-fb {
		background: url("../images/fb-logo-gray_80.png") no-repeat left top;
	}

	.social-fb:hover {
		background: url("../images/fb-logo-blue_80.png") no-repeat left top;
	}

	.social-tw {
		background: url("../images/x-logo-gray_80.png") no-repeat left top;
	}

	.social-tw:hover {
		background: url("../images/x-logo-black_80.png") no-repeat left top;
	}

	.social-insta {
		background: url("../images/insta-logo-gray_80.png") no-repeat left top;
		margin-right: 0;
	}

	.social-insta:hover {
		background: url("../images/insta-logo-pink_80.png") no-repeat left top;
	}

	.social-fb, .social-fb:hover, .social-tw, .social-tw:hover, .social-insta, .social-insta:hover {
		background-size: contain;
	}
	
}


@media (max-width: 643px) {
	
	.navigation {
		padding-left: 0px;
	}
	
	.site-header {
		display: flex;
		flex-flow: column;
	}
	
	.topinfo {
		flex: 0 0 100%;
		order: 2;
		height: 80px;
	}
	
	.topinfo-container {
		height: 80px;
	}
	
	.site-header .home-link img {
		height: 100%;
		max-height: 80px;
		width: auto;
	}
	
	.navbar {
		flex: 0 0 100%;
		height: auto;
		order: 1;
	}
	
	.secnavbar {
		display: none;
	}
	
	.secnavbar-alone {
		flex: 0 0 100%;
		height: 10px;
		min-height: 10px;
		order: 3;
		background: #FF5900;
	}
	
	.navbar li.tablet-menuitem, .secnavbar li.tablet-menuitem,
	.secnavbar-overlap li.tablet-menuitem, .secnavbar-alone li.tablet-menuitem {
		display: block;
	}
	
	.navbar li.mobile-menuitem, .secnavbar li.mobile-menuitem,
	.secnavbar-overlap li.mobile-menuitem, .secnavbar-alone li.mobile-menuitem	{
		display: block;
	}
	
	.site-header .search-field {
		background-size: 25px 25px;
		height: 30px;
		padding: 0 0 0 32px;
		font-size: 14px;
	}
	
	.site-header .search-field:focus {
		width: 200px;
	}
	
	.headerimage {
		flex: 0 0 100%;
		height: auto;
		order: 3;
	}
	
	.breadcrumbs, .breadcrumbs-alone {
		flex: 0 0 100%;
		height: auto;
		order: 4;
		margin: 0px;
	}
	
	.site-title {
		font-size: 29.88px;
	}
	
	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#content .allnews-header {
		padding-left: 0px;
		padding-right: 0px;
	}

	#content .format-status .entry-content,
	#content .format-status .entry-met {
		padding-left: 35px;
	}
		
	.headerover {
		display: none;
		z-index: -1000;
	}
	
	.headerimage {
		border: none;
		z-index: 1000;
	}
	
	.overlayvideo {
		width: 100%;
		padding-bottom: 56.25%;
	}
	
	.metaslider.uberslider .caption {
		padding: 4px;
		font-size: 18px;
	}	
	
	.site-header .search-form {
		top: 9px;
		right: 15px;
	}
	
	/* Search widget */
	.search-form .search-submit {
		display: none;
	}
	
	input[type="search"] {
		width: 250px;
	}

	/* Small menu */
	.navbar {
		
	}
	
	.movil-item li {
		display: inline-block;
	}
	
	.menu-toggle {
		display: inherit !important;
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Roboto", Helvetica, sans-serif;
		margin: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #141412;
		padding: 12px 0 12px 20px;
		outline: none;
	}
	
	.menu-toggle:after {
		/* content: "\f502";
		font-size: 11.88px;
		padding-left: 8px;
		vertical-align: -4px; */
	}

	.toggled-on .menu-toggle:after {
		/* content: "\f500";
		vertical-align: 2px; */
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		margin-bottom: 15px;
		padding: 0;
		width: 100%;
		border-top: 2px solid #c5c5c5;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li a {
		padding: 12px 6px;
	}
	
	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #ff5900;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #ff5900;
		color: #fff;		
	}
	
	.toggled-on .nav-menu > li a:before {
		font-style: normal;
		font-size: 18px;
		content: "-- "; /* \2771 */
		margin-left: 30px;
		margin-right: 15px;
	}
	
	.nav-topmenu li a {
		font-style: normal;
		font-size: 18px;
	}
	
	.menu-principal-container {
		display: none;
	}
	
	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
		transition: all 300ms;
	}
	
	.mainblock-news-title {
		display: inherit;
	}
	
	/* Content */
	.mainblock-news,
	.mainblock-events,
	.mainblock-admissions {
		clear: both;
		width: 92%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	
	.newsblock-group {
		width: 100%;
	}
	
	.mainblock-news .lastgroup {
		margin: 0 auto;
	}
	
	.newsblock {
		width: 100%;
		min-height: 0;
		margin: auto auto;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 1.3;
		background: url("../images/home-sep.png") no-repeat center bottom;
	}
	
	.entry-content-main .mainblock-header {
		text-align: left;
	}
	
	img.newsblock-pic {
		width: 100%;
		height: auto;
		margin: auto auto;
		margin-bottom: 10px;
		float: none;
	}
	
	.newstext-container {
		width: 45%;
		float: right;
	}
	
	h2.mainblock-title {
		font-size: 27.9px;
	}
	
	h3.newsblock-title,
	h3.maineventblock-title,
	h3.eventblock-title {
		font-size: 25.2px;
		line-height: 1.1;
		margin-bottom: 5px;
	}
	
	.gridbrick-container {
		line-height: 1.3;
	}
	
	.event-2, .event-3, .admissionblock {
		margin-bottom: 14px;
	}
	
	.maineventtext-container {
		width: 72%;
	}
	
	.maineventtext-container,
	.eventtext-container {
		font-size: 18px;
		line-height: 1.3;
	}
	
	.eventtext-container {
		padding-left: 20%;
	}
	
	.maineventdate-container {
		width: 28%;
		padding: 14px 16px 0 0;
		height: 85px;
	}
	
	.mainblock-admissions aside.widget li a {
		font-size: 18px;
		line-height: 1.1;
	}
	
	.eventdate-container {
		width: 20%;
	}
	
	/* enlaces para todas las noticias y todos los eventos */
	
	.allnews-container {
		text-align: center;
	}

	.mainblock-news a.home-all,
	.mainblock-events a.home-all, 
	.mainblock-admissions a.home-all,
	.mainblock-news a.home-highlights,
	.mainblock-events a.home-highlights {	
		font-size: 18px;
	}
	
	/* items de contenido relacionado */
	
	.related-item {
		transition: none;
		font-size: 14.4px;
	}
	
	.related-item:hover {
		/* background-color: #fafafa; */
		border-bottom-color: #c0c0c0;
		box-shadow: none;
	}
	
	.related-item-news:hover {
		background-image: url("../images/news-grayicon.png");
		background-size: 60px auto;
	}

	.related-item-event:hover {
		background-image: url("../images/event-grayicon.png");
		background-size: 60px auto;
	}

	.related-date {
		display: block;
		clear: both;
		font-size: 16.2px;
	}
		
	/* estilos para la matriz de elementos visuales */
	.content-matrix-row {
		display: block;
		margin-bottom: 0px;
	}

	.content-matrix-item,
	.content-matrix-uniqueitem,
	.content-matrix-rawitem {	
		width: 100%;
		clear: both;
		margin-bottom: 20px;
		padding: 15px;
		flex: none;
		margin-right: 0;
	}
	
	.content-matrix-rawitem {
		padding: 0;
	}
	
	.matrix-right {
		float: none;
	}

	img.content-matrix-base,
	img.content-matrix-pic {
		display: none;
	}
	
	.content-matrix-title,
	.content-matrix-title-upper {
		width: auto;
		height: auto;
		min-height: auto;
		position: relative;
		bottom: 0;
		left: 0;
		transition: none;
	}
	
	.content-matrix-title h2,
	.content-matrix-title-upper h2,
	.content-matrix-title h3,
	.content-matrix-title-upper h3 {
		width: auto;
		position: relative;
	}
	
	.entry-content a.content-matrix-link {
		color: #ffffff;
	}
	
	.entry-content a.content-matrix-link:hover {
		color: #fbd080;
	}
	
	.content-matrix-desc,
	.content-matrix-desc-upper {
		width: auto;
		position: relative;
		top: 0;
		left: 0;
		z-index: initial;
		opacity: 1.0;
		transition: none;		
	}
	
	.content-matrix-item:hover .content-matrix-title,
	.content-matrix-item:hover .content-matrix-title-upper,
	.content-matrix-uniqueitem:hover .content-matrix-title,
	.content-matrix-uniqueitem:hover .content-matrix-title-upper {
		bottom: initial;
	}
	
	.content-matrix-title-shadow {
		text-shadow: none;
	}
	
	#content .featured-gallery {
		padding-left: 24px;
	}

	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}
	
	.entry-content .event-table td.eventitem-title {
		padding-left: 5px;
	}

	.entry-content .event-table td.eventitem-scoretitle {
		color: #ffffff; /* #fbb612; */
		font-size: 18px;
		padding-left: 5px;
		min-width: auto;
	}

	.entry-content .event-table td.eventitem-scoredata {
		background: none;	
		word-break: break-all;
	}

	.entry-content .eventitem-data {
		word-break: break-word;
	}

	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title {
		font-size: 41.4px;
		font-weight: normal;
		line-height: 1.2;
		margin-bottom: 25px;
		word-break: break-word;
	}
	
	.searchs-results .entry-title {
		font-size: 30px;
	}

	.entry-content blockquote, .entry-content blockquote p {
		line-height: 1.5;
	}
	
	.format-quote blockquote,
	.format-status .entry-content {
		font-size: 18px;
	}

	.format-quote blockquote small,
	.format-quote blockquote cite {
		font-size: 12.96px;
	}

	.error404 .page-title {
		padding: 40px 0 0;
	}

	.error404 .page-title:before {
		content: normal;
	}

	.comment-author {
		margin-right: 30px;
	}

	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% - 104px);
		width:         calc(100% - 104px);
	}

	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"] {
		width: -webkit-calc(100% - 120px);
		width:         calc(100% - 120px);
	}

	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}
	
	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}

	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}
	
	a.buttonbox-double, a.buttonbox-double-tworows {
		display: block;
		width: fit-content;
		margin: 30px auto 0 auto;
	}
	
	/* sidebar */
	.site-main .sidebar-container {
		width: 100%;
		max-width: 100%;
	}
	
	.site-main .widget-area {
		margin: 0;
	}
	
	.site-main .widget-area .widget {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.sidebar-inner .widget_text {
		width: 90%;
		max-width: 90%;
	}
	
	.widget li {
		font-size: 18px;
	}
	
	.admi-2, .admi-3, .admi-4 {
		font-size: 29.88px;
	}
		
	/* footer */
	
	.social-icon, .service-icon {
		margin-right: 20px;
		width: 45px;
		height: 45px;
	}
	
	.service-hd {
		margin-right: 0px;
	}
	
	.relatedonside-content {
		margin-left: 20px;
		width: 90%;
	}
	
	.site-info .campus-xalapa, .site-info .campus-cordoba, .site-info .campus-herramientas {
		max-width: 260px;
	}
	
	.site-info .contacto, .site-info .enlaces, .site-info .campus {
		font-size: 14px;
		line-height: 1.6;
	}
	
	.site-info .campus .smallicon, .site-info .campus .fb-smallicon, .site-info .campus .tw-smallicon, .site-info .campus .ig-smallicon,
	.site-info .campus .tool-siu, .site-info .campus .tool-office, .site-info .campus .tool-bs, .site-info .campus .tool-pr, .site-info .campus .tool-sp {
		height: 28px;
		padding-left: 48px;
		background-size: auto 28px;
		line-height: 2.2;
	}
	
	.site-info .campus .campus-xalapa .fb-smallicon, .site-info .campus .campus-xalapa .tw-smallicon, .site-info .campus .campus-xalapa .ig-smallicon {
		padding-left: 0px;
		padding-right: 48px;
	}
	
	.content-imagelinks-block .imagelink-five-item {
		flex: 0 0 33%;
	}
	
	.content-imagelinks-block .imagelink-fourth-item, .content-imagelinks-block .imagelink-three-item {
		flex: 0 0 49.5%;
	}
	
	.content-imagelinks-block .imagelink-two-item {
		flex: 0 0 90%;
	}
	
	.content-imagelinks-block .imagelink-clear {
		display: none;
	}
	
	.socialshare-container .socialshare-subscribe {
		/*display: block;
		clear: both;
		margin-bottom: 20px;*/
	}
	
	.socialshare-container .socialshare-sep {
		margin: 0 4px;
	}
	
	.related-mobile-hidden {
		display: none;
	}
	
	.mobile-hidden {
		display: none;
	}
	
	.desktop-hidden {
		display: initial !important;
	}
	
	.derechos {
		font-size: 14px;
		line-height: 2;
	}
}

@media (max-width: 643px) and (orientation: landscape) {
	
	.overlayvideo {
		width: 70%;
		padding-bottom: 39.375%;
	}
	
	.site-info .campus .campus-herramientas {
		padding-top: 28px;
	}
	
}

@media (max-width: 640px) {
	
	.site-content .entry-content .new-frm input[type="submit"], 
	.entry-content.searchs-results input[type="search"],
	.entry-content.searchs-results input[type="submit"] {
		min-width: 100%;
	}
	
	.entry-content.searchs-results input[type="search"],
	.entry-content.searchs-results input[type="submit"] {
		margin: 6px 0px;
	}
	
}

@media (max-width: 599px) {
	
	.topinfo-container .toplogo {
		padding-left: 10px;
	}
	
	.topinfo-container .tools-container {
		padding-right: 15px;
	}
	
	.topinfo-container .service-icon {
		margin: 0px 8px 0px 0px;
	}
	
	.allnews-header {
		max-width: 520px;
	}

	.entry-content-news {
		max-width: 526px;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 12px;
	}
	
	/* Cover */
	.entry-content-cover {
		max-width: 538px;
	}
	
	.cover-listcontainer .item-container {
		margin: 0px 6px;
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 260px;
	}
	
	.site-info .campus .title {
		font-size: 16px;
	}

}

@media (max-width: 480px) {
	
	.topinfo {
		height: auto;
	}
	
	.topinfo-container {
		height: auto;
		flex-flow: column;
		flex-wrap: nowrap;
	}
	
	.topinfo-container .toplogo-container, .topinfo-container .topnotify-container, .topinfo-container .toptools-container {
		flex: 0 0 100%;
		height: auto;
		align-items: center;
	}
	
	.topinfo-container .topnotify-container, .topinfo-container .toptools-container {
		align-items: center;
		justify-content: center;
		height: auto;
	}
	
	.topinfo-container .notify-container, .topinfo-container .tools-container {
		padding: 0px 0px 22px 0px;
	}
	
	.topinfo-container .toplogo-container {
		order: 1;
	}
	
	.topinfo-container .topnotify-container {
		order: 2;
		display: flex;
	}
	
	.topinfo-container .topnotify-container img {
		max-width: 360px;
	}
	
	.topinfo-container .toplogo {
		padding-left: 0px;
	}
	
	.topinfo-container .toptools-container {
		order: 3;
	}
	
	.topinfo-container .service-icon {
		margin: 0px 14px 0px 0px;
	}

	.site-header .home-link {
		text-align: center;
	}

	.site-header .home-link img {
		width: 85%;
		height: auto;
		max-height: none;
	}
	
	.social-icon, .service-icon {
		width: 55px;
		height: 55px;
	}
	
	.overlay-closebtn {
		top: -55px;
		right: calc(50% - 30px);
	}
	
	.nav-topmenu li a {
		font-size: 17px;
	}
	
	.toggled-on .nav-topmenu li > a.highlighted-menuitem {
		background-color: #d3d3d3;
		color: #202020;
		outline: 1px solid #ffffff;
		outline-offset: -3px;
		background-image: url(../images/entry-black_100.png);
		background-size: 24px 24px;
		background-position: right 10px center;
		background-repeat: no-repeat;
	}
	
	.toggled-on .nav-topmenu li:hover > a.highlighted-menuitem {
		color: #ffffff;
		background-color: #202020;
		background-image: url(../images/entry_100.png);
	}
	
	#content .allnews-header {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	.entry-content-news {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
	
	h3.gridbrick-title {
		font-size: 27px;
	}
	
	.gridbrick-container {
		font-size: 18px;
		padding: 12px 14px 6px 18px;
	}
	
	.gridbrick-date {
		font-size: 16px;
		text-align: right;
		position: relative;
		right: 0px;
		bottom: 0px;
		padding: 0px 14px 12px 18px;
	}
	
	.gridbrick-event .gridbrick-container {
		padding: 12px 14px 12px 18px;
	}
	
	.gridbrick-container .event-text {
		padding: 0px 82px 0px 0px;
	}
	
	.gridbrick-date-container {
		width: 86px;
		padding: 10px 0px;
		font-size: 46px;
	}
	
	.gridbrick-month {
		font-size: 22px;
	}
	
	.gridbrick-year {
		font-size: 16px;
	}
	
	.content-imagelinks-block .imagelink-five-item,
	.content-imagelinks-block .imagelink-fourth-item,
	.content-imagelinks-block .imagelink-three-item,
	.content-imagelinks-block .imagelink-two-item {
		flex: 0 0 49.5%;
	}
	
	/* Cover */
	.entry-content-cover {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 5rem;
	}
	
	.cover-gallerytitle {
		font-size: 22px;
	}
	
	.cover-galleryheader .morelink {
		font-size: 18px;
		margin-left: 0px;
		bottom: initial;
	}
	
	.entry-content-cover, .cover-listcontainer,
	.cover-listcontainer .cover-newsgallery {
		overflow: visible;
	}
	
	.cover-listcontainer .item-container {
		margin: 30px 0px 0px 0px;
		min-height: 0px;
		max-height: unset;
		height: auto;
		box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.20);
	}
	
	.cover-listcontainer .disposable {
		display: none;
	}
	
	.cover-listcontainer .item-container .item-text {
		padding: 12px 14px 30px 18px;
		font-size: 18px;
	}
	
	.cover-listcontainer .item-container .item-text h3 {
		font-size: 27px;
	}
	
	.cover-listcontainer .item-container .full-link {
		width: 46px;
		padding: 6px 8px;
		font-size: 26px;
	}
	
	.cover-listcontainer #coverevents .item-container .item-eventtext,
	.cover-listcontainer #relatedcontent .item-container .item-eventtext {
		padding: 0px 82px 0px 0px;
	}
	
	.cover-listcontainer .item-container .item-date {
		width: 86px;
		padding: 10px 0px 44px;
		font-size: 46px;
	}
	
	.cover-listcontainer .item-container .item-month {
		font-size: 22px;
	}
	
	.cover-listcontainer #coverinfo .item-container {
		width: 100%;
		min-height: 0px;
		max-height: 100%;
		height: auto;
		margin: 30px 0px 0px 0px;
	}
	
	.cover-listcontainer #coverinfo .item-container .item-image {
		min-height: 0px;
		max-height: 100%;
		height: auto;
		width: 100%;
	}

	.cover-listcontainer #coverinfo .item-container .item-image img {
		width: 100%;
		height: auto;
	}
	
	.cover-listcontainer .item-container .item-campustag,
	.entry-related .custom-related-gallery-item .item-campustag {
		left: 10%;
		width: 80%;
		height: 32px;
	}

	.cover-listcontainer .item-container .item-campustagtitle, 
	.entry-related .custom-related-gallery-item .item-campustagtitle {
		/* width: 100%; */
		font-size: 18px;
		padding: 7px 18px 0px;
		opacity: 1;
	}
	
	.entry-full, .fullpage-content .entry-full, .sidebar .entry-full {
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}
	
	.entry-related, .fullpage-content .entry-related, .sidebar .entry-related {
		max-width: calc(100% - 30px);
		width: 100%;
		padding: 0px;
	}
	
	.custom-related-gallery .custom-related-gallery-item {
		margin: 0px 0px 40px;
	}
	
	.custom-related-gallery .disposable, .relatedonside-content .disposable {
		display: none;
	}
	
	.custom-related-gallery .relatedgallery-text {
		font-size: 17px;
	}
	
	.relatedgallery-links {
		font-size: 17px;
		margin-top: 3rem;
	}
	
	footer.entry-meta {
		margin-top: 40px;
	}
	
	.site-footer .widget-area {
		padding: 40px 0 10px;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: start;
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 320px;
		font-size: 15px;
		line-height: 1.2;
	}
	
	.site-info .contacto, 
	.site-info .universidad,
	.site-info .enlaces,
	.site-info .campus	{
		flex: 0 0 100%;
		font-size: 16.2px;
		line-height: 1.25;
		text-align: center;
		border: none;
		margin-bottom: 0px;
		padding: 18px 0px;
	}
	
	.site-info .campus {
		text-align: left;
		padding-top: 30px;
	}
	
	.site-info .campus .title {
		font-size: 20px;
	}
	
	
	.site-info .sep-border {
		border-top: 1px solid #e0e0e0;
	}
	
	.site-info .sep-border:last-child {
		border-left: none;
	}

	.site-info .campus-xalapa, .site-info .campus-cordoba, .site-info .campus-herramientas {
		max-width: 300px;
		margin: 0 auto;
		text-align: left;
	}
	
	.site-info .campus .smallicon, .site-info .campus .fb-smallicon, .site-info .campus .tw-smallicon, .site-info .campus .ig-smallicon,
	.site-info .campus .tool-siu, .site-info .campus .tool-office, .site-info .campus .tool-bs, .site-info .campus .tool-pr, .site-info .campus .tool-sp {
		line-height: 1.7;
	}
	
	.site-info .campus .campus-xalapa .fb-smallicon, .site-info .campus .campus-xalapa .tw-smallicon, .site-info .campus .campus-xalapa .ig-smallicon {
		padding-left: 48px;
		padding-right: 0px;
		background-position: 12px;
	}
	
	.site-info .campus ul li {
	    margin-bottom: 12px;
	}
		
	.enlaces ul li,
	.contacto ul li {
		margin-bottom: 10px;		
	}
	
	.site-footer .site-info .universidad .logo-footer-main {
		width: 75%;
		max-width: 250px;
		margin-top: 25px;
		margin-bottom: 0px;
	}
	
	.site-info .logo-footer-sec {
		height: 60px;
		width: auto;
	}
	
	.alert {
		padding: 190px 15px 20px;
		background: #ff5900 url("../images/warning.png") no-repeat center top;
		background-size: 95% auto;
		background-position: center 65px;
		width: 90%;
		left: 5%;
		border-radius: 20px;
		border: 4px solid #f0f0f0;
	}
	
	.alert h5 {
		font-size: 28px;
	}
	
}


@media (max-width: 400px) {
	
	.topinfo-container .topnotify-container img {
		max-width: 340px;
	}
	
	.topinfo-container .service-icon {
		margin: 0px 10px 0px 0px;
	}

	.toggled-on .nav-menu > li a:before {
		font-size: 17px;
		margin-left: 10px;
	}
	
	.nav-topmenu li a {
		font-size: 17px;
	}
	
	h3.gridbrick-title {
		font-size: 25px;
	}
	
	/* Cover */
	.cover-listcontainer .item-container .item-text h3 {
		font-size: 25px;
	}
	
	
	h3.newsblock-title, h3.maineventblock-title {
		font-size: 23px;
	}
	
	h3.eventblock-title {
		font-size: 21px;
	}
	
	.maineventtext-container {
		width: 68%;
	}
	
	.maineventdate-container {
		width: 32%;
	}
	
	.newsblock, .maineventtext-container, .eventtext-container {
		font-size: 17px;
	}
	
	.entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title {
		font-size: 39px;
	}
	
	.derechos {
		font-size: 11.6px;
	}
	
}

/* Old mobile devices */
@media (max-width: 369px) {

	h3.gridbrick-title {
		font-size: 23px;
	}
	
	.gridbrick-container .event-text {
		padding: 0px 70px 0px 0px;
	}
	
	.gridbrick-date-container {
		width: 78px;
		font-size: 40px;
	}
	
	.gridbrick-month {
		font-size: 20px;
	}
	
	.gridbrick-year {
		font-size: 15px;
	}
	
	.gridbrick-container {
		font-size: 17px;
	}
	
	.cover-listcontainer .item-container .item-text h3 {
		font-size: 23px;
	}
	
	.cover-listcontainer .item-container .item-text {
		font-size: 17px;
	}
	
	.cover-listcontainer #coverevents .item-container .item-eventtext,
	.cover-listcontainer #relatedcontent .item-container .item-eventtext {
		padding: 0px 70px 0px 0px;
	}

	.cover-listcontainer .item-container .item-date {
		width: 78px;
		padding: 8px 0px 44px;
		font-size: 40px;
	}
	
	.cover-listcontainer .item-container .item-month {
		font-size: 20px;
	}

}

@media (max-width: 359px) {
	
	.site-header .home-link img {
		width: 95%;
		height: auto;
		max-height: none;
	}

	.toptools-container .disposable {
		display: none;
	}

	.site-title {
		font-weight: normal;
	}
	.site-description {
	    clip: rect(1px, 1px, 1px, 1px);
	    position: absolute;
	}
	
	.toggled-on .nav-menu > li a:before {
		font-size: 16px;
		content: "- "; /* \2771 */
		margin-right: 10px;
	}
	
	.nav-topmenu li a {
		font-size: 16px;
	}
	
	.topinfo-container .topnotify-container img {
		max-width: 310px;
	}
	
	h2.mainblock-title {
		font-size: 25px;
	}
	
	h3.newsblock-title, h3.maineventblock-title {
		font-size: 22px;
	}
	
	h3.eventblock-title {
		font-size: 20px;
	}
	
	.newsblock, .maineventtext-container, .eventtext-container {
		font-size: 16px;
	}
	
	.entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title {
		font-size: 36px;
	}
	
	.gallery {
		margin-left: 0;
	}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br {
		display: none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;
	}
	
	.content-imagelinks-block {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	
	.content-imagelinks-block {
		margin-bottom: 35px;
	}

	.content-imagelinks-block .imagelink-five-item,
	.content-imagelinks-block .imagelink-fourth-item,
	.content-imagelinks-block .imagelink-three-item,
	.content-imagelinks-block .imagelink-two-item {
		flex: 0 0 90%;
	}
	
	/* Comments */
	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}
	
	/* The alert message box */
	.alert {
		padding: 165px 12px 18px;
		font-size: 16px;
		background-position: center 55px;
	}

	.alert .closebtn {
		top: 5px;
		right: 15px;
	}
	
	.alert h5 {
		font-size: 22px;
		
	}
	
	.alert a,
	.alert a:hover {
		font-size: 14.4px;
	}
	
	.site-footer .widget-area .textwidget h3 {
		font-size: 16px;
	}
	
	.site-footer .widget-area .textwidget {
		max-width: 285px;
		font-size: 14px;
		
	}
	
	.footer-icon img {
		height: 50px;
	}
	
	.site-info .campus-xalapa, .site-info .campus-cordoba, .site-info .campus-herramientas {
		max-width: 280px;
	}
	
	.site-info .campus .title {
		font-size: 18px;
	}
	
}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

	.site-header .search-field {
		background-image: url("../images/search-icon-2x.png");
	}

	.format-audio .audio-content,
	.format-status .entry-content:before,
	.format-status .entry-meta:before,
	.comment-list > li:after,
	.comment-list .children > li:before {
		background-image: url("../images/dotted-line-2x.png");
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}

	footer a[rel="bookmark"]:link:after,
	footer a[rel="bookmark"]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}

	.site {
		max-width: 98%;
	}

	.site-header {
		background-image: none !important;
	}
	
	.site-title {
		color: #000;
		font-size: 21pt;
	}

	.site-description {
		font-size: 10pt;
	}

	.author-avatar,
	.site-footer,
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
	.navbar,
	.more-link {
		display: none;
	}

	.entry-header,
	.entry-content,
	.entry-summary,
	.entry-meta {
		margin: 0;
		width: 100%;
	}

	.page-title,
	.entry-title {
		font-size: 21pt;
	}

	.entry-meta,
	.entry-meta a {
		color: #444;
		font-size: 10pt;
	}

	.entry-content img.alignleft,
	.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}

	.entry-content img.alignright,
	.entry-content .wp-caption.alignright {
		margin-right: 0;
	}

	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area > li.comment {
		background: none;
		position: relative;
		width: auto;
	}

	.comment-metadata {
		float: none;
	}

	.comment-author .fn,
	.comment-reply-link,
	.comment-reply-login {
		color: #333;
	}
}