/*
 *   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 body font size on small touch devices */
body {
  font-size: 70%;
}

#page {margin-top: 0;}

#logo {height: 24.5em; width: 13em; margin: 0 0 0 2em;}

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

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

#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: 2px; 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: 1.8em;}

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

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

.mean-bar a {outline: none;}

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

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

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



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





/*---------------------------------------------------------------------*/
/*----------------    Ajustes para iPhone 5 y 6    -------------------*/
/*-------------------------------------------------------------------*/
@media only screen and (min-width:375px) and (max-width:431px) {
    

    #logo {height: 14.5em; width: 10em; margin: 0 0 0 2em;}
	
	#logo img {padding-top: 2em;}
	
	#site-slogan {padding: 2%; font-size: 1.3em;}
	
	#collapsed-menu-button {font-size: 1.6em;}
	
	.field-name-body {padding: 0 0.8em; font-size: 1.2em;}
	
	.field-type-paragraphs .script-text {font-size: 2.4em;}
	
	.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: 1.6em;}
	
	.field-type-paragraphs .field-name-field-caja-texto {padding: 0 0.8em; font-size: 1.2em;}
	
	.field-type-paragraphs .paragraphs-item-galeria-fotos figure {width: 44%;}
	
	.field-type-paragraphs .paragraphs-item-imagen-con-enlace-4-col {width: 40%;}
	
	.field-type-paragraphs .paragraphs-item-imagen-con-enlace-4-col .field-name-field-etiqueta-imagen {
		left: 1.2em;
		line-height: 1.2em;
		}

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




/* =============================================================================
 *   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;
}