/* @override 
	http://www.fundaciongasco.cl/wp-content/themes/fundacion-gasco/css/style.css?* */

/*
Theme Name: xxxxxx
Theme URI: http://www.faunadiseno.com
Author: Eugenio Errázuriz
Author URI: http://www.faunadiseno.com
Description: xxxxxx
Version: 1.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Clearfix */


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

p strong {
	font-weight: 600;
}


/* SOMAV!!
----------------------------------------------- */

.mobile-only,
ul#social.mobily-only {
	display: none;
}

* {
	box-sizing: border-box;
}

*:after, 
*:before {
	box-sizing: inherit;
}

img {
	max-width: 100%;
	height: auto;
}

figure {
	margin: 0;
}

.carousel-cell figure figcaption {
	font-size: .875em;
	max-width: 90%;
	position: absolute;
	z-index: 1;
	background-color: #fff;
	padding: .5em;
	bottom: 0;
}

.carousel-cell figure figcaption:empty {
	display: none;
}

a {
	text-decoration: none;
	color: inherit;
	transition: all cubic-bezier(.55, 0, .1, 1) .2s;
}

a.more {
	font-weight: 600;
	text-transform: uppercase;
	font-size: .75em;
	white-space: nowrap;
}

a:hover,
.current-menu-parent > a {
	box-shadow: 0px 2px 0px;
}

span.no-break {
	white-space: nowrap;
}

body {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 300;
	line-height: 1.5;
}

h2,
.single h1,
.page h1 {
	font-size: 2.287em;
	margin-bottom: 1rem;
	line-height: 1;
}

.page h1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page h1.sg-title {
	margin-top: 0.8em;
}

.page h1 input {
	font-size: 1rem;
}

.single h2,
.page h2 {
	font-size: 1.8em;
	margin-bottom: 1.5em;
}

div.sub-head {
	margin-bottom: 2rem;
}

p:not(:last-child):not(.num),
.text-block ul:not(:last-child),
.text-block ol:not(:last-child) {
	margin-bottom: 1.6em;
}

input {
	border: 1px solid;
	padding: .5em;
	font-size: inherit;
	font-family: inherit;
}


input#search {
	background: url('../images/loupe.svg') no-repeat calc(100% - .5em) center;
	padding-right: 2em;
}

header.main-header {
	position: fixed;
	left: 0;
	z-index: 9;
	max-width: 12em;
	width: 12em;
	height: 100vh;
	padding: 0 2em;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

header.main-header:before {
	background: #fff;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
}

.sidebar-top,
.sidebar-bottom {
	position: relative;
	padding: 2em 0;
}

a.home {
	display: block;
	margin-bottom: 2.53em;
}

a.home:hover {
	box-shadow: none;
	opacity: .8;
}

img.logo-small {
	max-height: 22px;
	display: block;
	margin-bottom: 1em;
}

.mini-footer p {
	font-size: .75em;
}

.menu {
	margin-bottom: 2em;
}

.menu li {
	margin-bottom:.8em;
	line-height: 1.2;
}

#menu-principal > li {
	font-size: 1.414em;
	margin-bottom: .6em;
}

#menu-secundario:after {
	content: '-';
}

.sub-menu {
	font-size: 1rem;
	position: absolute;
	left: -4rem;
	top: 0;
	height: 100vh;
	background-color: #ED2939;
	padding: 9.6em 1.5em 1.5em;
	width: 12rem;
	color: #fff;
	z-index: -2;
	transition: all cubic-bezier(.55, 0, .1, 1) .2s;
	font-weight: 400;
}

.sub-menu.active {
	left: calc(100% + 2rem);
}

.sub-menu a:hover,
.sub-menu .current-menu-item a {
	color: #fff;
	box-shadow: 0px 2px 0px;
}

.current-menu-item a {
	box-shadow: 0px 2px 0px;
	color: #ED2939;
}

/* Main Content */

#main-content {
	padding-left: 12em;
	padding-right: 3em;
	transition: all cubic-bezier(.55, 0, .1, 1) .2s;
	padding-top: .5em;
}

body:not(.home):not(.single) #main-content {
	padding-top: 4.8em;
}

#main-content.blurred {
	/* filter: blur(4px);*/
	opacity: .5;
}

.main-carousel {
	position: relative;
	padding-bottom: 3em;
}

.main-carousel .slide-item {
	width: 100%;
	margin-right: 4em;
}

.expo-item {
	position: relative;
	margin-bottom: 2em;
}

.main-carousel .slide-item img,
.expo-item img,
.thumbnail-placeholder {
	height: 460px;
	min-width: 70%;
	max-width: 80%;
	object-fit:cover;
	display: block;
	overflow: hidden;
	padding-bottom: 2em;
}

.thumbnail-placeholder {
	min-height: 460px;
	background-color: #eee;
}


.main-carousel .slide-item .slide-info,
.expo-item .expo-info {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
	padding: 1.5em 0 1.5em 1.5em;
	width: 60%;
	min-width: 300px;
}

.expo-info.vr {
	position: relative;
}

.main-carousel .slide-item .slide-info {
	padding-right: 3.5em;
}

.expo-item .expo-info {
	right: 0em;
}

.main-carousel .slide-item .slide-info p {
	font-size: 1.3em;
}

.sub-head {
	font-size: 1.1em;
}

.single .sub-head {
	margin-bottom: 1em;
}

.single-noticia .wp-post-image {
	width: 100%;
	height: 400px;
	margin-bottom: 2em;
	object-fit: cover;
}

.epigraph {
	text-transform: uppercase;
	font-weight: 600;
	display: block;
}

.expo-item .expo-info .epigraph,
.single .epigraph {
	margin-bottom: 1em;
}

/* Programación */

.term-actual .expo-item {
	width: calc(33.333% - 4px - 1.333em);
	margin-right: 2em;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

.term-actual .expo-item:nth-of-type(3n) {
	margin-right: 0;
}

.term-actual .expo-item .expo-info {
	position: relative;
	padding: 0;
	left: auto;
	right: auto;
	min-width: 0;
	width: auto;
	max-width: none;
}

.term-actual .expo-item .expo-info p.sub-head {
	font-size: 1.2em;
}

.term-actual .expo-item img {
	max-width: none;
	height: 300px;
	width: 100%;
	padding-bottom: 0;
	margin-bottom: .5em;
}

.term-actual .expo-item.closed {
	display: inline-block;
}


/* Exposiciones */

.year-filter {
	margin-bottom: 1em;
	font-size: 1.414em;
}

.year-filter a.current-item {
	font-weight: 600;
	box-shadow: 0px 2px 0px;
}

/* Cifras */

#welcome {
	position: relative;
}

#welcome .row {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 1.5em;
	align-items: flex-end;
}

#welcome .row figure {
	position: relative;
	line-height: 0;
}

#welcome .row figure img {
	width: 100%;
	max-height: 400px;
	object-fit:cover;
}

#welcome .row figure figcaption {
	position: absolute;
	bottom: 0;
	background-color: #fff;
	padding: .3em 1em .3em .3em;
	font-size: .875em;
	line-height: 1.6;
}

#welcome .row .stat {
	background-color: #eee;
	padding: 1.5em;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-self: stretch;
}

#welcome .row .stat .num {
	font-size: 3.998em;
	line-height: 1;
}

#welcome .row .stat .desc {
	font-size: 1.1414em;
}

#welcome .row:first-of-type figure {
	flex-basis: 70%;
	margin-right: 1.5em;
}

#welcome .row:first-of-type .stat {
	flex-basis: 30%;
	background-color: #86c8bc;
	color: #ed2939;
}

#welcome .row:nth-of-type(2) figure {
	flex-basis: 60%;
	margin-right: 1.5em;
}

#welcome .row:nth-of-type(2) .stat {
	flex-basis: 30%;
	background-color: #d6d2c4;
	color: #0018a8;
	align-self: stretch;
}

#welcome .row:nth-of-type(3) {
	flex-direction: row-reverse;
}

#welcome .row:nth-of-type(3) figure {
	flex-basis: 70%;
}

#welcome .row:nth-of-type(3) .stat {
	flex-basis: 30%;
	background-color: #ed2939;
	color: #fff;
	margin-right: 1.5em;
	align-self: stretch;
}

#welcome .row:nth-of-type(3) .stat {
	flex-basis: 30%;
	background-color: #ed2939;
	color: #fff;
	margin-right: 1.5em;
	align-self: stretch;
}

#welcome .intro {
	position: absolute;
	right: 2em;
	background-color: #fff;

	z-index: 2;
	padding: 1.5em 4em 1.5em 1.5em;
	top: 0;
}

#welcome .outro,
#welcome .intro {
	width: 38%;
	margin-bottom: 1.6em;
}

#welcome .intro {
	font-size: 1.6em
}

#closure-home p {
	font-size: 1.999em;
	max-width: 38%;
	margin-left: 30%;
	line-height: 1.1;
}

#closure-home img {
	display: block;
	height: 100vh;
	object-fit: cover;
	width: 100%;
	margin-top: 2em;
}

/* Single */

.hero-image-page {
	margin-top: -4.8em;
	width: 100%;
	margin-bottom: 2em;
	height: 420px;
	object-fit:cover
}

.carousel-single,
.carousel-page,
.carousel-page-main,
.carousel-page-repeater {
	padding-bottom: 3.5em;
	width: calc(100% + 3rem);
	margin-bottom: 2em;
}

.page-id-1434 .main-carousel {
	padding-bottom: 3.5em;
	width: 100%;
	margin-bottom: 2em;
}


.carousel-page-main:first-child {
	margin-top: -4.3em;
}

.carousel-single .slide-item,
.carousel-page .slide-item,
.carousel-page-main .slide-item,
.carousel-page-repeater .slide-item {
	margin-right: 1em;
}

.carousel-single .slide-item img,
.carousel-page .slide-item img,
.carousel-page-main .slide-item img,
.carousel-page-repeater .slide-item img {
	max-width: none;
	height: 460px;
}

.grid-single {
	width: 100%;
	margin-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
}

.grid-item {
	width: 20%;
	flex-basis: calc(20% - 1.6em);
	margin-right: 2em;
	margin-bottom: 2em;
}

.grid-item:nth-of-type(5n) {
	margin-right: 0;
}

.grid-item figure img {
	display: block;
	margin-bottom: 1em;
}

.grid-item figcaption {
	font-size: .875em;
	line-height: 1.6;
}

.expo-wrapper,
.page-content {
	display: flex;
}

.expo-wrapper.no-carousel {
	padding-top: 3em;
}

.archive-artistas .page-content {
	flex-wrap: wrap;
}

.archive-artistas .page-content ul {
	flex-basis: 25%;
	max-width: 25%;
	margin-bottom: 2em;
	padding-right: 1em;
}

.archive-artistas .page-content ul li strong {
	font-size: 1.4em;
	font-weight: 600;
	border-bottom: 1px solid;
	display: block;
	margin-bottom: .5em;
}

.expo-wrapper > *,
.page-content > * {
	flex-grow: 1;
	flex-basis: 1%;
	padding-bottom: 3em;
}

.expo-wrapper .col-left,
.page-content .col-left {
	padding-right: 3em;
	flex-basis: 50%;
	width: 50%;
}

img.big-logo {
	max-height: 100px;
	margin-bottom: 2em;
}

.expo-wrapper .col-right,
.page-content .col-right {
	padding-top: 3.5em;
	flex-basis: 50%;
}

.specs {
	margin-bottom: 2em;
}

.single-itinerante .specs {
	display: none;
}

.specs li {
	display: flex;
	margin-bottom: 1em;
}

span.key  {
	display: inline-block;
	flex-basis: 9em;
	line-height: 1rem;
	flex-grow: 1;
	font-weight: 600;
	font-size: .875em;
	text-transform: uppercase;
	margin-top: .3em;
	margin-right: .5em;
}

span.value {
	flex-grow: 1;
	flex-basis: calc(100% - 8em);
	line-height: em;
}

.col-right .carousel-page-repeater {
	margin-left: calc(-100% - 2em);
	width: calc(200% + 2rem);
}

.col-right .bajada {
	margin-left: calc(-100% - 2rem);
	width: 100%;
	float: left;
	font-size: 1.414em;
}

.col-right h2.align-left {
	margin-left: calc(-100% - 2rem);
	width: 100%;
	font-size: 2.287em;
	margin-bottom: 1rem;
	line-height: 1;
}

.text-block {
	margin-bottom: 3em;
}

.text-block ul {
	list-style-type: disc;
}

.text-block ol {
	list-style-type: decimal;
}

.text-block ul,
.text-block ol {
	padding-left: 1.5em;
}


.notice {
	font-size: 1.1em;
	padding: .5em 0;
	color: #86c8bc;
	border-top: 3px solid #86c8bc;
	font-weight: 600;
}

.button {
	font-size: 1.1em;
	padding: .5em 1em;
	background-color:#86c8bc;
	color: #397b6f;
	font-weight: 600;
	margin-bottom: 2em;
}

.button:hover {
	background-color:#397b6f;
	color: #fff;
	box-shadow: none;
}

/* Sala Gasco */

body:not(.home):not(.single).page-id-1434 #main-content {
	padding-top: 0.5em;
}

#menu-sala-gasco {
	color: #ED2939;
	font-size: 1.1em;
}

/* News */

.news-wrapper {
	display:flex;
	flex-wrap:wrap;
}

.news-wrapper h1 {
	width:100%;
}

.news-item {
	margin-right:2em;
	margin-bottom: 2em;
	flex-basis:calc(33.333% - 1.333333em);
}

.news-item > a:hover {
	color: inherit;
	box-shadow: none;
}

.news-item > a:hover img,
.dl > a:hover img {
	opacity:.8;
}

.news-item > a:hover h4 {
	text-decoration:underline;
}

.news-item img {
	height: 210px;
	object-fit:cover;
	margin-bottom: .5em;
	transition:all .2s cubic-bezier(.55,0,.1,1) 0s;
}

.news-item:nth-of-type(3n) {
	margin-right:0;
}

.news-item h4 {
	font-size:1.5em;
	line-height: 1.2;
	margin-bottom:.5em;
}

.news-item p.date {
	font-size:.875em;
	padding-top:.5em;
	border-top: 1px solid;
}

/* Dls */

.col-left h3 {
	margin-bottom: 1em;
	font-size: 1.1em;
	text-decoration: underline;
}

.dls-wrapper {
	margin-bottom: 2em;
}

.dls-wrapper h3 {
	font-size: 1.2em;
	margin-bottom: .3em;
}

.dls-wrapper .dl {
	margin-bottom: .5em;
	padding-bottom: .3em;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .875em;
	white-space: nowrap;
	display: inline-block;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis
}

.dls-wrapper .dl a {
	display: block;
  text-overflow: ellipsis;
	overflow: hidden;
	font-size: 1.1em;
	padding: .5em 1em;
	background-color:#86c8bc;
	color: #397b6f;
	font-weight: 600;
}

.dls-wrapper .dl a:not(:last-of-type) {
	margin-right: .5em;
}

.dls-wrapper .dl a:hover {
	background-color:#397b6f;
	color: #fff;
	box-shadow: none;
}

/* Catalogues */

.cats-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.cat {
	flex-basis: calc(25% - 1.5em);
	margin-right: 2em;
	margin-bottom: 2em;
}

.cat:nth-of-type(4n) {
	margin-right: 0;
}

.cat figure {
	margin-bottom: .5em;
}

.cat p {
	font-size: .875em;
}

.cat > a {
	font-size: 1.1em;
	line-height: 1.1;
	display: block;
	margin-bottom: .5em;
	border-bottom: 1px solid;
	padding-bottom: .5em;
}

/* Footer */

footer.main-footer {
	padding: 2em 0 .5em;
	text-align: right;
	display: flex;
	justify-content: space-between;
}

footer.main-footer a {
	display: inline-block;
	margin-bottom: 0;
}

footer.main-footer a:not(:last-of-type) {
	margin-right: 1em;
}

footer.main-footer a img {
	height: 100px;
}

footer.footer-sidebar {
	position: fixed;
	z-index: 9;
	background-color: #E0E0EC;
	top: 0;
	height: 100vh;
	left: 100%;
	width: calc(100% - 14.5em);
	padding: 2em;
	transition: all cubic-bezier(.55, 0, .1, 1) .4s;
}

footer.footer-sidebar.active {
	left: calc(14.4em);
}

footer.footer-sidebar .gmaps {
	width: calc(100% + 4em);
	height: 70vh;
	position: relative;
	background-color: #c2c0d7;
	left: -2em;
	top: -2em;
	box-shadow: 0px -3px 10px rgba(0,0,0,.2);
	}
	
.footer-sidebar.active .footer-tab {
	box-shadow: 0px -3px 10px rgba(0,0,0,.2);
	z-index: 1;
}

.footer-tab {
	position: absolute;
	left: 0;
	transform: translateX(calc(-100% - 3em)) translateY(-2.5em) rotate(-90deg) ;
	transform-origin: 100% 0;
	background-color: #fff;
	height: 3em;
	padding: 0 2.5em 0 1.5em;
	line-height: 3em;
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.footer-tab button {
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: normal;
	background-color: transparent;
	font-size: 1em;
	font-family: inherit;
	font-weight: 400;
	font-size: .875em;
	margin-right: 1em;
	text-transform: uppercase;
	cursor: pointer;
}

.footer-tab button:hover {
	text-decoration: underline;
}

.footer-tab button:active {
	color: #666;
}

ul#social:not(.mobile-only) {
	display: flex;
}

#social li {
	width: 30px;
	height: 30px;
	text-indent: -999px;
	position: relative;
	overflow: hidden;
}

#social li:not(:last-of-type) {
	margin-right: .3em;
}

#social li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(90deg);
}

li.tw a {
	background: url(../images/tw.svg) no-repeat center;
}

li.fb a {
	background: url(../images/fb.svg) no-repeat center;
}

li.ig a {
	background: url(../images/ig.svg) no-repeat center;
}

li.tw a:hover {
	background: url(../images/tw-active.svg) no-repeat center;
}

li.fb a:hover {
	background: url(../images/fb-active.svg) no-repeat center;
}

li.ig a:hover {
	background: url(../images/ig-active.svg) no-repeat center;
}

.footer-col-wrapper {
	display: flex;
	justify-content: flex-start;
}

.footer-col-wrapper .footer-col {
	padding-right: 5em;
}

.footer-col h5 {
	font-size: 1.414em;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-bottom: 1em;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(calc(-50% - 2em));
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 1em;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots li {
	  display: inline-block;
}

.flickity-page-dots .dot {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0 8px;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: middle;
}

.flickity-page-dots .dot.is-selected:after{
  content: '';
  background: #ED2939;
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 100%;
  margin-left: 2px;
  margin-top: 2px;
}

.flickity-page-dots button {
	border: none;
	background-color: transparent;
	font-size: 1em;
	padding: 0;
	line-height: 16px;
	height: 16px;
	vertical-align: middle;
	font-size: 1.3em;
	font-weight: 300;
	color: #aaa;
}


/* Media queries */

@media screen and (max-width: 960px) {
	
	img.big-logo {
		margin-top: 2em;
	}
	
	body {
		font-size: .95em;
	}
	
	.mobile-only {
		display: block;
	}
	
	body:not(.home):not(.single) #main-content {
		padding-top: 0em;
	}
	
	
	.mobile-only a.home {
		margin-bottom: 0;
	}
	
	header.mobile-only {
		padding: 2em .5em 2em 2em;
		display: flex;
		justify-content: space-between;
	}
	
	a.menu-trigger {
		position: fixed;
		right: .3em;
		background: #ED2939 url(../images/hamburguesa.svg) no-repeat center;
		border-radius: 50%;
		height: 2.5em;
		width: 2.5em;
		z-index: 10;
		top: 2.7em;
		overflow: hidden;
		text-indent: -999px;
		transition: all cubic-bezier(.55, 0, .1, 1) .4s;
	}
	
	a.menu-trigger.active {
		right: calc(100% - 5em);
	}
	
	a.menu-trigger:hover {
		box-shadow: none;
		background-color: #c81120;
	}
	
	header.main-header {
		left: -12em;
		top: 0;
		transition: all cubic-bezier(.55, 0, .1, 1) .2s;
		box-shadow: 0px 3px 10px rgba(0,0,0,.2);
	}
	
	header.main-header.active {
		left: 0%;
	}
	
	#main-content {
		padding-left: 2em;
		padding-right: 3.5em;
	}
	
	.carousel-single,
	.carousel-page,
	.carousel-page-main,
	.carousel-page-repeater {
		padding-bottom: 3.5em;
		width: calc(100% + 1rem);
		margin-bottom: 2em;
	}
	
	.carousel-page-main:first-child,
	.hero-image-page {
		margin-top: 0;
	}
	
	.main-carousel .slide-item img,
	.expo-item img,
	.thumbnail-placeholder {
		max-width: 95%;
		min-width: 90%;
	}
	
	.carousel-single .slide-item img,
	.carousel-page .slide-item img,
	.carousel-page-main .slide-item img,
	.carousel-page-repeater .slide-item img {
		height: 360px;
	}
	
	.main-carousel .slide-item .slide-info,
	.expo-item .expo-info {
		width: 70%;
	}
	
	#welcome .row figure {
		flex-grow: 1;
	}
	
	
	#welcome .row {
		align-items: stretch;
	}
	
	footer.footer-sidebar {
		width: calc(100% - 4.9em);
		box-shadow: 0px -3px 10px rgba(0,0,0,.2);
	}
	
	.footer-sidebar.active .footer-tab {
		box-shadow: 0px -3px 10px rgba(0,0,0,.2);
	}
	
	footer.footer-sidebar.active {
		left: calc(4.9em);
	}
	
	.footer-tab {
		transform: translateX(calc(-100% - 3em)) translateY(3em) rotate(-90deg) ;
	}
	
	#welcome .intro {
		position: relative;
		width: auto;
		padding-left: 2em;
	}
	
	.term-actual .expo-item {
		width: calc(50% - 4px - 1em);
	}
	
	.term-actual .expo-item:nth-of-type(3n) {
		margin-right: 2em;
	}
	
	.term-actual .expo-item:nth-of-type(2n) {
		margin-right: 0em;
	}
	
	.archive-artistas .page-content ul {
		flex-basis: 50%;
		max-width: 50%;
	}
	
	.footer-col-wrapper .footer-col {
		padding-right: 2em;
	}
	
	ul#social.mobile-only {
		display: none;
	}
	
	#social li a {
		transform: rotate(0deg);
	}
	
	.news-item {
		flex-basis:calc(50% - 1em);
	}

	.news-item:nth-of-type(3n) {
		margin-right: 2em;
	}
	
	.news-item:nth-of-type(2n) {
		margin-right: 0;
	}

	
}

@media screen and (max-width: 640px) {
	
	ul#social.mobile-only {
		display: flex;
		margin-bottom: 1em;
	}
	
	body {
		font-size: .875em;
	}
	
	header.mobile-only {
		padding: 2em .5em 2em 1.5em;
	}
	
	header.main-header {
		padding-right: 1.5em;
		width: 11em;
		padding-left: 1.5em;
	}
	
	a.menu-trigger,
	a.menu-trigger:hover {
		box-shadow: 0 2px 6px rgba(101, 8, 16, 0.25);
	}
	
	.footer-tab {
		display: none;
	}
	
	.sub-menu {
		width: 11em;
		font-size: .75em;
	}
	
	.sub-menu.active {
		left: calc(100% + 1.3rem);
	}
	
	.carousel-single .slide-item img,
	.carousel-page .slide-item img,
	.carousel-page-main .slide-item img,
	.carousel-page-repeater .slide-item img {
		height: 260px;
	}
	
	.main-carousel .slide-item .slide-info,
	.expo-item .expo-info {
		position: relative;
		width: auto;
		min-width: 0;
		padding: 1.5em 0;
		left: 0;
		right: 0;
	}
	
	.hero-image-page {
		height: 250px
	}
	
	.expo-item {
		padding-right: 0;
	}
	
	.carousel-single,
	.carousel-page,
	.carousel-page-main,
	.carousel-page-repeater {
		width: calc(100% + 3rem);
		margin-left: -1.5em;
	}
	
	.carousel-cell figure figcaption {
		padding: 0;
		margin-left: 1.5em;
		position: absolute;
		width: 100%;
		opacity: 0;
		max-width: calc(100% - 3em);
	}
	
	.carousel-cell figure {
		max-width: 100vw;
	}
	
	.carousel-cell figure img {
		max-width: 100%;
	}
	
	.carousel-cell.is-selected figure figcaption {
		opacity: 1;
	}
	
	.main-carousel .slide-item img,
	.expo-item img,
	.thumbnail-placeholder {
		width: 100%;
		max-width: none;
		padding-bottom: 0;
		height: 250px;
	}
	
	.expo-wrapper,
	.page-content {
		flex-direction: column;
	}
	
	.expo-wrapper .col-right,
	.page-content .col-right {
		padding-top: 0em;
		flex-basis: 100%!important;
		width: 100%!important;
	}
	
	.expo-wrapper > *,
	.page-content > * {
		padding-bottom: 0;
		padding-right: 0;
	}
	
	.expo-wrapper .col-left,
	.page-content .col-left {
		padding-right: 0;
		display: flex;
		flex-direction: column;
		flex-basis: 100%!important;
		width: 100%!important;
		margin-bottom: 2em;
	}
	
	.expo-wrapper .col-left .sub-head,
	.page-content .col-left .sub-head {
		order:  2;
		margin-bottom: 2em;
	}
	
	.specs {
		margin-bottom: 1em;
	}
	
	#main-content {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	footer.main-footer a img {
		height: 70px;
	}
	
	a.home {
		width: 80px;
	}
	
	.year-filter {
		margin-bottom: 2em;
		font-size: 1.2em;
	}
	
	.term-actual .expo-item {
		width: 100%;
	}
	
	.term-actual .expo-item:nth-of-type(3n) {
		margin-right: 0em;
	}
	
	.flickity-prev-next-button {
	  top: 150px;
	  width: 44px;
	  height: 44px;
	  border-radius: 50%;
	  /* vertically center */
	  transform: translateY(calc(-50% - 2em));
	}
	
	#closure-home p {
		margin-left: 0;
		width: auto;
		max-width: none;
	}
	
	#welcome .intro {
		max-width: none;
		left: 0;
		padding: 1em 0;
	}
	
	#welcome .row,
	#welcome .row:nth-of-type(3) {
		flex-direction: column;
	}
	
	#welcome .row figure,
	#welcome .row:nth-of-type(3) .stat {
		margin-right: 0!important;
	}
	
	#welcome .row figure {
		margin-bottom: 1.5em;
	}
	
	.archive-artistas .page-content ul {
		flex-basis: 100%;
		max-width: 100%;
		padding-right: 0;
	}
	
	.page h1 {
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
	}
	
	.page h1 input {
		margin-top: 1.5em;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.cat {
		flex-basis: calc(50% - 1em);
		margin-right: 2em;
	}
	
	.cat:nth-of-type(4n) {
		margin-right: 2em;
	}
	
	.cat:nth-of-type(2n) {
		margin-right: 0;
	}
	
	footer.main-footer {
		flex-direction: column;
		text-align: center;
	}
	
	footer.main-footer .footer-left {
		margin-bottom: 2em;
	}
	
	.news-item {
		flex-basis:100%;
		margin-right: 0!important;
	}
}