/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* Increase the default font size on small touch devices */
body {
  font-size: 55%;
}

#page {margin-top: 0;}

#logo {top: 3em; height: 16em; width: 10em; margin: 1em 0 0 2em;}

#logo img {padding-top: 2em;}

#site-slogan {width: 96%; padding: 2%; text-align: left; font-size: 1.5em;}

#block-search-form {padding: 0 1em 0 0; margin: 0;}

#menu-bar {position: absolute; right: 0; top: 1em; z-index: 10;}

#collapsed-menu-button {position: relative; top: 0; right: 1em; margin: 0; padding: 0 0.3em; font-size: 2em;}

#collapsed-menu-button:hover {text-decoration: none;}

#mobile-menu-wrapper .menu li a {padding: 0.8em 5%; font-size: 2em;}

#main-content-header {margin-top: 2em;}

#content-column .content-inner {margin: 0 2em;}

.field-name-body {padding: 0 1em;}

#block-views-home-slideshow-block, 
#block-views-paragraph-slideshow-block {margin-top: 6.2em;}

.mean-bar a {outline: none;}

.field-type-paragraphs .script-text {font-size: 2.8em;}

.field-type-paragraphs .paragraphs-item-video-e-imagen .paragraphs-items-field-imagen-con-enlace-prgrph .field-name-field-etiqueta-imagen, 
.field-type-paragraphs .paragraphs-item-imagen-con-enlace .field-name-field-etiqueta-imagen, 
.field-type-paragraphs .paragraphs-item-imagen-con-enlace-1-col- .field-name-field-etiqueta-imagen {font-size: 2em;}

.field-type-paragraphs .paragraphs-item-imagen-con-enlace {margin-bottom: 2em;}

.field-type-paragraphs .paragraphs-item-imagen-con-enlace-4-col {padding: 1em;}

.field-type-paragraphs .paragraphs-item-imagen-con-enlace-4-col .field-name-field-etiqueta-imagen {
	width: 67%; 
	font-size: 1em;
	line-height: 1.2em;
	}

.region-footer {padding: 0 1em;}

#block-block-1 table td {font-weight: normal !important; font-size: 1.2em !important;}

#block-block-1 table img {width: 10em;}

#block-block-1 .copyright {padding: 0 7em;}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}