/*
 *   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 */
/* line 16, ../sass/responsive.smalltouch.portrait.scss */
html {width: 100vw; overflow-x: hidden;}

body {
  	font-size: 3vw;
	width: 100%;
	overflow-x: hidden;
	}


#header-wrapper {height: 6em;}
	
#logo {width: 13em; padding-top: 2.4em;}

#block-block-24 a {padding: 1em 3em;}

#block-system-main-menu {display: none !important;}


/*
 * Sidenav bar
 */
.sidenav ul,
.sidenav ul ul {padding-left: 0;}

.sidenav li {width: 100%;}

.sidenav li > a {
	color: white;
	width: 100%;
	text-align: left;
	}

.sidenav .block-inner {
		margin-left: 0;
		margin-right: 0;
		}

.sidenav .menu-block-1 > ul > li {
	border-bottom: solid 1px #2D3579;
	background-color: #242C70;
	}

.sidenav .menu-block-1 > ul > li:last-child {border-bottom: none;}

.sidenav .collapsible > li {background-color: transparent;}
		
.sidenav .collapsible-header {
		float: left;
		display: block;
		width: 100%;
		padding: 0;
		position: relative;
		background-color: #2D3579;
		background-size: 8em 8em;
		}
		
.sidenav .collapsible-header:hover {background-color: #2D3579;}
		
.sidenav .collapsible-header:after {
    content: "";
    display: block;
    position: absolute;
    right: 2em;
    top: 11.2em;
    width: 0;
    height: 0;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0.7em solid white;
    }

.sidenav nav {
	box-shadow: none;
	background-color: white;
	}
	
.sidenav .collapsible-body li {background-color: #242C70;}
	
.sidenav .block-title {display: none;}


/*
 * Sidenav bar- collpasible menu adjust for Chrome
 */
.sidenav .collapsible > li.active .collapsible-body {clear: both; display: block; height: auto;}

.sidenav .collapsible > li.active .collapsible-body nav.block-user-menu {height: auto;}

nav .notifications .collapsible-body {top: 5.5em; width: 100vw;}




/*
 * Content
 */
#content-wrapper {max-width: 100vw;}

#content-wrapper > .containerz {padding-top: 0;}

#tasks {top: auto;}

#tasks .tabs a {padding: 0.2em 1em; font-size: 0.9em;}

.pager--infinite-scroll .pager__item a {width: 36%; margin: 1em 32%;}

.entity.columnas-5 > .content > .paragraphs-items > .field-name-field-componentes-columnas > .field-items > .field-item {
    width: 50%;
  }
  
.flip-card-back .fake-button {bottom: 0.5em;}


/*
 * Footer
 */
#footer-wrapper {max-width: 100vw;}

body.not-logged-in #footer .centro svg {margin: 0 0.5em; font-size: 2.4em;}

#footer #block-views-parrafos-reutilizables-block-1 .paragraphs-item-columnas > .content > .field-name-field-editor-texto:after {
		left: 28%;
    width: 70%;
		}



/*---    M A R G E N    A D I C I O N A L (IZQ. Y DER.)    ---*/
.paragraphs-item-columnas.nulo > .content,
.paragraphs-item-unidad-texto.nulo,
.paragraphs-item-unidad-contenido.nulo,
.paragraphs-item-unidad-atomizada.nulo,
.paragraphs-item-vistas-y-bloques.nulo {
    margin-left: 0 !important;
	margin-right: 0 !important;
    width: 100% !important;
    }
	
.paragraphs-item-columnas.leve > .content,
.paragraphs-item-unidad-texto.leve,
.paragraphs-item-unidad-contenido.leve,
.paragraphs-item-unidad-atomizada.leve,
.paragraphs-item-vistas-y-bloques.leve {
    margin-left: 2% !important;
	margin-right: 2% !important;
    width: 96% !important;
    }

.paragraphs-item-columnas.moderado > .content,
.paragraphs-item-unidad-texto.moderado,
.paragraphs-item-unidad-contenido.moderado,
.paragraphs-item-unidad-atomizada.moderado,
.paragraphs-item-vistas-y-bloques.moderado {
    margin-left: 4% !important;
	margin-right: 4% !important;
    width: 92% !important;
    }

.paragraphs-item-columnas.amplio > .content,
.paragraphs-item-unidad-texto.amplio,
.paragraphs-item-unidad-contenido.amplio,
.paragraphs-item-unidad-atomizada.amplio,
.paragraphs-item-vistas-y-bloques.amplio {
    margin-left: 8% !important;
	margin-right: 8% !important;
    width: 84% !important;
    }

.paragraphs-item-columnas.extremo > .content,
.paragraphs-item-unidad-texto.extremo,
.paragraphs-item-unidad-contenido.extremo,
.paragraphs-item-unidad-atomizada.extremo,
.paragraphs-item-vistas-y-bloques.extremo {
    margin-left: 12% !important;
	margin-right: 12% !important;
    width: 76% !important;
    }
	
.paragraphs-item-columnas.extremo2 > .content,
.paragraphs-item-unidad-texto.extremo2,
.paragraphs-item-unidad-contenido.extremo2,
.paragraphs-item-unidad-atomizada.extremo2,
.paragraphs-item-vistas-y-bloques.extremo2 {
    margin-left: 20% !important;
	margin-right: 20% !important;
    width: 60% !important;
    }

/*.entity.borde-enlace  .field-name-field-enlace-opcional a {
    border: solid 1px white;
  }*/


/* =============================================================================
 *   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.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

/*# sourceMappingURL=responsive.smalltouch.portrait.css.map */