html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
progress {
vertical-align: baseline
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: 700
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_100-webfont.eot);
src: url(../fonts/MuseoSans_100-webfont.woff), url(../fonts/MuseoSans_100-webfont.ttf);
font-weight: 100;
font-style: normal
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_100_Italic-webfont.eot);
src: url(../fonts/MuseoSans_100_Italic-webfont.woff), url(../fonts/MuseoSans_100_Italic-webfont.ttf);
font-weight: 100;
font-style: italic
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_300-webfont.eot);
src: url(../fonts/MuseoSans_300-webfont.woff), url(../fonts/MuseoSans_300-webfont.ttf);
font-weight: 300;
font-style: normal
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_300_Italic-webfont.eot);
src: url(../fonts/MuseoSans_300_Italic-webfont.woff), url(../fonts/MuseoSans_300_Italic-webfont.ttf);
font-weight: 300;
font-style: italic
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_500-webfont.eot);
src: url(../fonts/MuseoSans_500-webfont.woff), url(../fonts/MuseoSans_500-webfont.ttf);
font-weight: 500;
font-style: normal
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_500_Italic-webfont.eot);
src: url(../fonts/MuseoSans_500_Italic-webfont.woff), url(../fonts/MuseoSans_500_Italic-webfont.ttf);
font-weight: 500;
font-style: italic
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_700-webfont.eot);
src: url(../fonts/MuseoSans_700-webfont.woff), url(../fonts/MuseoSans_700-webfont.ttf);
font-weight: 700;
font-style: normal
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_700_Italic-webfont.eot);
src: url(../fonts/MuseoSans_700_Italic-webfont.woff), url(../fonts/MuseoSans_700_Italic-webfont.ttf);
font-weight: 700;
font-style: italic
}
@font-face {
font-family: MuseoSans;
src: url(../fonts/MuseoSans_900-webfont.eot);
src: url(../fonts/MuseoSans_900-webfont.woff), url(../fonts/MuseoSans_900-webfont.ttf);
font-weight: 900;
font-style: normal
}
.eventCarousel-container,
.eventCarousel-slides li,
.footerbar-row,
.mainText,
.mediateca>section,
.mediateca>ul,
.navbar-primary,
.navbar-secondary,
.pageAccess,
.pageHeader {
margin: 0 auto;
padding: 0;
width: 92vw;
list-style: none
}
.artist.is-list .artist-info,
.breadcrumb,
.button.is-secondary,
.button.is-third,
.cv.is-list .cv-position,
.document-intro,
.event-calendar>ul,
.event-details,
.footerbar-content small,
.footerbar-content ul,
.image-intro,
.menu-content,
.navbar-search label,
.new-date,
.new-tags,
.piece.is-list .piece-author small,
.search-filter label,
.section-field>div p,
.video-intro,
ul.navbar-languages,
ul.navbar-links,
ul.navmobile-languages,
ul.navmobile-links,
ul.navmobile-submenu {
font-size: .85rem;
line-height: 1.3
}
.center-details strong,
.center-header .center-section,
.center-header .center-subsection,
.event-details .h4,
.event-details h4,
.event-header .event-section,
.event-header .event-subsection,
.menu-items a,
.resource-details,
.sale-details dt,
.search-filters legend,
.share strong {
font-size: .85rem;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1
}
.artist.is-list .artist-name,
.center-intro,
.center-title,
.cv.is-list .cv-name,
.document-title,
.event-calendar .h3,
.event-calendar .h4,
.event-calendar h3,
.event-calendar h4,
.event-intro,
.event-subtitle,
.event-title,
.eventCarousel-content .h3,
.eventCarousel-content h3,
.highlights ul,
.image-title,
.new-intro,
.pageMenu ul,
.piece.is-permalink .piece-details dt,
.publication-details,
.publication-onSale,
.publication-price,
.publication.is-list .publication-title,
.resource-intro,
.resource-title,
.sale-details,
.section-field label,
.section-header h2,
.video-title,
ul.navbar-menu,
ul.navmobile-menu {
font-size: 1rem;
line-height: 1.3
}
.document.is-list .document-title,
.highlights-header h2,
.highlights-header h3,
.image.is-list .image-title,
.menu-option,
.menu-title,
.piece.is-prestamo .piece-details dt,
.search-title,
.video.is-list .video-title {
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1.1
}
.cv.is-permalink .cv-subtitle,
.mediateca>ul,
.piece.is-list .piece-author {
font-size: 1.125rem;
line-height: 1.3
}
.pageSection>header .h2,
.pageSection>header h2,
.sale-title,
.section-body h2,
.section.has-download p {
font-size: 1.125rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1.1
}
.cv.is-permalink .cv-title,
.new-title,
.pageHeader .h1,
.pageHeader .h2,
.pageHeader h1,
.pageHeader h2,
.piece-author,
.piece.is-prestamo .piece-expo,
.piece.is-prestamo .piece-place,
.publication-subtitle,
.publication-title {
font-size: 1.5rem;
line-height: 1.1
}
.cv.is-permalink .cv-title,
.pageHeader .h1,
.pageHeader .h2,
.pageHeader h1,
.pageHeader h2 {
font-weight: 700;
text-transform: uppercase
}
.mainText p,
.piece-pretitle,
.piece-title {
font-size: 1.5rem;
font-weight: 500;
line-height: 1.1;
letter-spacing: -.03em
}
@media (max-width:749px) {
.mainText p,
.piece-pretitle,
.piece-title {
font-size: 1.125rem;
letter-spacing: 0
}
}
.artist.is-permalink .artist-name,
.center.is-permalink .center-title,
.event.is-permalink .event-title,
.new.is-list.is-highlight .new-title,
.new.is-permalink .new-title,
.piece.is-highlight .piece-title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.1
}
@media (min-width:750px) {
.artist.is-permalink .artist-name,
.center.is-permalink .center-title,
.event.is-permalink .event-title,
.new.is-list.is-highlight .new-title,
.new.is-permalink .new-title,
.piece.is-highlight .piece-title {
font-size: 2.25rem;
letter-spacing: -.03em
}
}
.artist.is-list .artist-name,
.artist.is-permalink .artist-biblio a,
.artist.is-permalink .artist-bio a,
.center-body a,
.center-details a,
.center-title a,
.cv.is-permalink .cv-body a,
.event-body a,
.event-details a,
.event-subtitle a,
.event-title a,
.footerbar-row.is-bottom a,
.highlights a,
.menu a,
.new a,
.new-body a,
.pageMenu a,
.pagination a,
.piece-author a,
.piece-title a,
.piece.is-prestamo a,
.publication-info a,
.publication.is-list>a,
.sale-details a,
.sale-title a,
.search-filters legend,
.section-body a,
.section-modal ul a,
.section.has-list a,
ul.navbar-links a,
ul.navbar-megamenu a,
ul.navmobile-links a,
ul.navmobile-submenu a {
text-decoration: none;
color: #5b87da;
cursor: pointer
}
.artist.is-list .artist-name:hover,
.artist.is-permalink .artist-biblio a:hover,
.artist.is-permalink .artist-bio a:hover,
.center-body a:hover,
.center-details a:hover,
.center-title a:hover,
.cv.is-permalink .cv-body a:hover,
.event-body a:hover,
.event-details a:hover,
.event-subtitle a:hover,
.event-title a:hover,
.footerbar-row.is-bottom a:hover,
.highlights a:hover,
.menu a:hover,
.new a:hover,
.new-body a:hover,
.pageMenu a:hover,
.pagination a:hover,
.piece-author a:hover,
.piece-title a:hover,
.piece.is-prestamo a:hover,
.publication-info a:hover,
.publication.is-list>a:hover,
.sale-details a:hover,
.sale-title a:hover,
.search-filters legend:hover,
.section-body a:hover,
.section-modal ul a:hover,
.section.has-list a:hover,
ul.navbar-links a:hover,
ul.navbar-megamenu a:hover,
ul.navmobile-links a:hover,
ul.navmobile-submenu a:hover {
color: #000;
text-decoration: underline
}
.breadcrumb a,
.center-header .center-section,
.center-header .center-subsection,
.event-header .event-section,
.event-header .event-subsection,
.footerbar-content ul a,
.mediateca>ul a,
ul.navbar-languages a,
ul.navbar-menu>li>a,
ul.navmobile-languages a,
ul.navmobile-menu>li>a {
text-decoration: none;
color: #8a9a91;
cursor: pointer
}
.breadcrumb a:hover,
.center-header .center-section:hover,
.center-header .center-subsection:hover,
.event-header .event-section:hover,
.event-header .event-subsection:hover,
.footerbar-content ul a:hover,
.mediateca>ul a:hover,
ul.navbar-languages a:hover,
ul.navbar-menu>li>a:hover,
ul.navmobile-languages a:hover,
ul.navmobile-menu>li>a:hover {
color: #000;
text-decoration: underline
}
.highlights ul,
.section-modal ul,
.section.has-list ul,
ul.navbar-megamenu ul {
list-style-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuOC4zICgyOTgwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+SWNvbm8gZmxlY2hhIGRlcmVjaGE8L3RpdGxlPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxvZ29zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIGlkPSJpY28tYXJyb3ctcmlnaHQiIHN0cm9rZT0iIzVCODdEQSI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUmVjdGFuZ2xlLTEiIHBvaW50cz0iMiAxIDkgNiAyIDExIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
padding-left: 20px
}
.highlights ul>li,
.section-modal ul>li,
.section.has-list ul>li,
ul.navbar-megamenu ul>li {
line-height: 1.1;
margin-bottom: .5em
}
.artist.is-permalink .artist-biblio,
.artist.is-permalink .artist-bio,
.center-body,
.cv.is-permalink .cv-body,
.event-body,
.new-body,
.publication-info,
.section-body {
font-size: 1rem;
line-height: 1.4;
color: #8a9a91
}
.artist.is-permalink .artist-biblio ol,
.artist.is-permalink .artist-biblio ul,
.artist.is-permalink .artist-bio ol,
.artist.is-permalink .artist-bio ul,
.center-body ol,
.center-body ul,
.cv.is-permalink .cv-body ol,
.cv.is-permalink .cv-body ul,
.event-body ol,
.event-body ul,
.new-body ol,
.new-body ul,
.publication-info ol,
.publication-info ul,
.section-body ol,
.section-body ul {
padding-left: 1em
}
.artist.is-permalink .artist-biblio h3,
.artist.is-permalink .artist-bio h3,
.center-body h3,
.cv.is-permalink .cv-body h3,
.event-body h3,
.new-body h3,
.publication-info h3,
.section-body h3 {
font-size: inherit
}
@media (min-width:750px) {
.artist.is-permalink .artist-biblio,
.artist.is-permalink .artist-bio,
.center-body,
.cv.is-permalink .cv-body,
.event-body,
.new-body,
.publication-info,
.section-body {
font-size: 1.125rem
}
}
html {
background: #e8ebe9
}
body {
font-family: MuseoSans;
font-weight: 300
}
main {
background: #fff;
padding-top: 1px
}
p {
margin: .5em 0
}
p strong {
font-weight: 700
}
a {
color: #5b87da
}
b {
font-weight: 700
}
input[type=date],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
box-sizing: border-box;
width: 100%;
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
border: solid 1px #d0d7d3;
border-radius: 3px;
padding: .3em;
vertical-align: middle;
background: #fff
}
textarea {
resize: vertical
}
select {
box-sizing: border-box;
width: 100%;
border: solid 1px #d0d7d3;
border-radius: 3px;
padding: 0;
vertical-align: middle;
background: #fff;
padding: .3em
}
optgroup {
color: #8a9a91
}
option {
font-weight: 300;
color: #000
}
img {
max-width: 100%;
display: block;
height: auto
}
.navbar {
background: #fff;
position: relative
}
.navbar ul {
list-style: none;
padding: 0;
margin: 0
}
ul.navbar-languages,
ul.navbar-links,
ul.navbar-menu {
display: flex
}
ul.navbar-languages>li>a,
ul.navbar-links>li>a,
ul.navbar-menu>li>a {
white-space: nowrap;
display: block;
padding: .5em 1em
}
ul.navbar-languages>li>a strong,
ul.navbar-links>li>a strong,
ul.navbar-menu>li>a strong {
font-weight: 700
}
ul.navbar-languages>li>a svg,
ul.navbar-links>li>a svg,
ul.navbar-menu>li>a svg {
width: 16px;
height: 16px;
vertical-align: top
}
ul.navbar-languages>li>a g,
ul.navbar-links>li>a g,
ul.navbar-menu>li>a g {
stroke-width: 4px
}
ul.navbar-languages>li>a:hover g,
ul.navbar-links>li>a:hover g,
ul.navbar-menu>li>a:hover g {
stroke: #000
}
ul.navbar-languages>li+li,
ul.navbar-links>li+li,
ul.navbar-menu>li+li {
border-left: solid 1px #e8ebe9
}
ul.navbar-languages>li:first-child>a,
ul.navbar-links>li:first-child>a,
ul.navbar-menu>li:first-child>a {
padding-left: 0
}
ul.navbar-languages>li:last-child>a,
ul.navbar-links>li:last-child>a,
ul.navbar-menu>li:last-child>a {
padding-right: 0
}
.navbar-secondary {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: .5rem;
padding-bottom: .5rem;
position: relative
}
.navbar-secondary-container {
border-bottom: solid 1px #e8ebe9
}
ul.navbar-links {
text-transform: uppercase
}
ul.navbar-links li a {
white-space: nowrap;
display: block;
padding: 0.5em 1em;
}
@media (max-width:949px) {
ul.navbar-links {
display: none
}
}
ul.navbar-languages {
margin-right: 2rem
}
@media (max-width:749px) {
ul.navbar-languages {
display: none
}
}
.navbar-extras {
display: flex;
align-items: center
}
@media (min-width:950px) {
.navbar-extras {
position: absolute;
top: 3.5rem;
right: -3px
}
}
ul.navbar-social {
display: flex
}
ul.navbar-social svg {
width: 100%;
height: 100%;
display: block
}
ul.navbar-social g {
fill: #fff
}
ul.navbar-social a {
display: block;
width: 32px;
height: 32px;
background: #d0d7d3;
border-radius: 50%;
transition: background .3s
}
ul.navbar-social a:hover {
background: #5b87da
}
ul.navbar-social li {
padding: 0 3px
}
@media (max-width:499px) {
ul.navbar-social {
display: none;
}
}
.navbar-primary {
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
transition: padding .3s
}
@media (min-width:950px) AND (max-width:1199px) {
.navbar-primary {
padding-top: 0;
display: block
}
}
@media (min-width:1200px) {
.navbar-primary {
padding-top: 0;
align-items: flex-end
}
}
@media (min-width:950px) AND (max-width:1199px) {
.navbar-primary-wrapper {
margin-top: 1.5rem
}
}
@media (min-width:1200px) {
.navbar-primary-wrapper {
margin-top: 3.5rem
}
}
.navbar-primary-wrapper.is-fixed {
position: fixed;
background: #fff;
z-index: 10;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
margin-top: 0
}
.navbar-primary-wrapper.is-fixed .navbar-primary {
padding-top: .5rem;
padding-bottom: .5rem;
align-items: center
}
.navbar-primary-wrapper.is-fixed .navbar-logo {
top: 0;
max-width: 250px
}
.navbar-primary-wrapper.is-fixed+.navbar-primary-placeholder {
height: 60px
}
.navbar-logo {
display: block;
max-width: 249px;
transition: max-width .3s
}
@media (min-width:1200px) {
.navbar-logo {
position: relative;
top: -.8rem
}
}
.navbar-logo svg {
display: block;
width: 100%;
height: auto;
max-height: 55px
}
.navbar-logo g {
transition: all .3s
}
.navbar-logo:hover g,
.navbar-logo:hover path,
.navbar-logo:hover polygon {
fill: #405f99
}
ul.navbar-menu {
position: relative
}
ul.navbar-menu>li>a {
font-weight: 500;
text-transform: uppercase
}
ul.navbar-menu>li>a.is-selected {
color: #000;
font-weight: 700
}
ul.navbar-menu>li.has-megamenu {
border-top: solid 1px #fff
}
ul.navbar-menu>li.has-megamenu:hover {
border-top-color: #e8ebe9
}
ul.navbar-menu>li.has-megamenu:hover>a {
background: #e8ebe9
}
ul.navbar-menu>li.has-megamenu:not(.is-hover) .navbar-megamenu {
display: none
}
@media (max-width:949px) {
ul.navbar-menu {
display: none
}
}
@media (max-width:1199px) {
ul.navbar-menu {
padding-top: 1em
}
}
.navbar-menu-button {
display: block;
padding: .5rem;
background: 0 0;
border: none;
border-left: solid 1px #e8ebe9;
margin-left: 1rem
}
@media (min-width:950px) {
.navbar-menu-button {
display: none
}
}
.navbar-menu-button svg {
width: 32px;
height: 32px
}
ul.navbar-megamenu {
position: absolute;
z-index: 3;
left: 0;
background: #fff;
display: flex;
padding: 1rem;
box-shadow: 0 3px 2px -1px rgba(0, 0, 0, .2);
border-top: solid 4px #e8ebe9;
max-width: 90vw;
width: 800px
}
@media (min-width:1200px) {
ul.navbar-megamenu {
left: auto;
right: 0
}
}
ul.navbar-megamenu>li {
max-width: 12rem;
padding: 1rem
}
ul.navbar-megamenu>li+li {
border-left: solid 1px #e8ebe9
}
ul.navbar-megamenu a {
white-space: normal
}
ul.navbar-megamenu strong {
color: #000
}
ul.navbar-megamenu ul {
margin-top: 1em;
margin-bottom: 0
}
.navbar-search {
white-space: nowrap
}
.navbar-search label {
display: inline-block;
color: #5b87da;
vertical-align: middle
}
.navbar-search label svg {
text-decoration: none;
vertical-align: middle;
margin: 0;
padding: 5px;
display: none
}
.navbar-search .button.is-cta {
padding: .3rem .5rem;
vertical-align: middle;
width: auto
}
.navbar-search .button.is-cta g {
stroke: #fff
}
.navbar-search .button.is-cta svg {
display: block
}
.navbar-search input[type=search] {
margin-left: .5rem;
opacity: 1;
padding-left: .5rem;
padding-right: .5rem;
width: 10rem;
background: #fff;
border: solid 1px #5b87da;
color: #8a9a91;
vertical-align: middle
}
@media (max-width:949px) {
.navbar-search:not(.is-opened) label svg {
display: inline-block
}
.navbar-search:not(.is-opened) .button.is-cta {
display: none
}
.navbar-search:not(.is-opened) input[type=search] {
padding: .2rem 0;
opacity: 0;
width: 0
}
}
.navmobile {
padding: 2rem;
text-align: center;
max-width: 30rem
}
.navmobile ul {
list-style: none;
padding: 0;
margin: 0
}
ul.navmobile-languages {
display: flex;
justify-content: center
}
ul.navmobile-languages>li>a {
white-space: nowrap;
display: block;
padding: .5em 1em
}
ul.navmobile-languages>li+li {
border-left: solid 1px #e8ebe9
}
ul.navmobile-languages>li:first-child>a {
padding-left: 0
}
ul.navmobile-languages>li:last-child>a {
padding-right: 0
}
ul.navmobile-menu {
margin-top: 1rem
}
ul.navmobile-menu>li {
border-top: solid 1px #e8ebe9
}
ul.navmobile-menu>li>a {
font-weight: 500;
text-transform: uppercase;
display: block;
padding: .5em 0
}
ul.navmobile-menu>li>a.is-selected {
color: #000;
font-weight: 700
}
ul.navmobile-submenu {
margin-bottom: 1rem
}
ul.navmobile-submenu li {
display: inline-block
}
ul.navmobile-submenu a {
display: block;
padding: .5em 1em
}
ul.navmobile-links {
text-transform: uppercase;
border-top: solid 1px #e8ebe9;
padding-top: 1rem
}
ul.navmobile-links a {
display: block;
padding: .5em 0
}
ul.navmobile-links a {
white-space: nowrap
}
ul.navmobile-links a strong {
font-weight: 700
}
ul.navmobile-links a svg {
width: 16px;
height: auto;
vertical-align: top
}
ul.navmobile-links a g {
stroke-width: 4px
}
ul.navmobile-links a:hover g {
stroke: #000
}
ul.navmobile-social {
display: flex;
border-top: solid 1px #e8ebe9;
margin-top: 1rem;
padding-top: 1rem;
justify-content: center
}
ul.navmobile-social svg {
width: 100%;
height: 100%;
display: block
}
ul.navmobile-social g {
fill: #fff
}
ul.navmobile-social a {
display: block;
width: 32px;
height: 32px;
background: #d0d7d3;
border-radius: 50%;
transition: background .3s
}
ul.navmobile-social a:hover {
background: #5b87da
}
ul.navmobile-social li {
padding: 0 3px
}
.footerbar {
padding-top: 1rem;
padding-bottom: 1rem
}
.footerbar-row {
display: flex;
align-items: center;
justify-content: space-between
}
.footerbar-row.is-top {
padding-bottom: 1rem
}
.footerbar-row.is-bottom {
padding-top: 1rem
}
.footerbar-row.is-bottom>ul {
list-style: none;
padding: 0;
color: #8a9a91;
font-size: .85rem
}
@media (min-width:750px) {
.footerbar-row.is-bottom>ul {
display: flex
}
}
.footerbar-row.is-bottom>ul li {
border-left: solid 1px #d0d7d3;
padding-left: 1rem;
margin-right: 2rem;
margin-bottom: 2rem
}
.footerbar-row.is-bottom address {
font-style: normal
}
.footerbar-row.is-bottom p {
margin: 0
}
.footerbar-content ul {
list-style: none;
padding: 0;
margin: .5rem 0;
text-transform: uppercase;
border-bottom: solid 1px #d0d7d3
}
.footerbar-content ul a {
display: block;
padding: .3em 0;
white-space: nowrap
}
.footerbar-content ul.footer{
text-align: center;
display: flex;
flex-wrap: wrap;
border-bottom: none;
}
.footerbar-content ul.footer li{
width: 25%;
border: none;
}
@media (max-width:800px) {
.footerbar-row.is-top{
display: block;
}
.footerbar-content ul.footer li{
width: 100%;
border: none;
}
}
@media (max-width:540px) {
.footerbar-row.is-bottom{
display: block;
}
.footerbar-extraLogo{
margin-top: 0px!important;
}
}
@media (max-width:749px) {
.footerbar-content ul li+li {
border-top: solid 1px #d0d7d3
}
}
@media (min-width:750px) {
.footerbar-content ul {
display: flex;
padding: .5rem 0
}
.footerbar-content ul a {
padding: .3em 1em
}
.footerbar-content ul li+li {
border-left: solid 1px #d0d7d3
}
.footerbar-content ul li:first-child a {
padding-left: 0
}
.footerbar-content ul li:last-child a {
padding-right: 0
}
}
.footerbar-content small {
display: block;
color: #8a9a91
}
.footerbar-logo {
width: 150px
}
@media (max-width:949px) {
.footerbar-logo {
display: none
}
}
.footerbar-logo svg {
width: 100%;
display: block;
height: auto
}
.footerbar-logo g,
.footerbar-logo path,
.footerbar-logo polygon {
fill: #8a9a91;
transition: fill .3s
}
.footerbar-logo:hover g,
.footerbar-logo:hover path,
.footerbar-logo:hover polygon {
fill: #000
}
.footerbar-extraLogo {
display: none
}
@media (min-width:500px) {
.footerbar-extraLogo {
display: block;
margin-top: -50px
}
}
.button {
display: inline-block;
padding: .5em 1em;
background: 0 0;
border: none;
text-decoration: none;
transition: all .3s;
box-sizing: border-box;
text-align: center;
background: 0 0;
background-repeat: no-repeat
}
.button.is-block {
display: block;
width: 100%;
max-width: 20rem;
margin: .5rem 0
}
.button.is-cta {
background-color: #5b87da;
color: #fff;
text-transform: uppercase;
font-size: 1rem;
font-weight: 500;
border-radius: 3px;
padding-top: .7em;
padding-bottom: .7em
}
.button.is-cta g {
stroke: #fff
}
.button.is-cta:hover {
background-color: #405f99
}
@media (max-width:499px) {
.button.is-cta {
display: block;
width: 100%;
margin: 2px 0
}
}
.button.is-cta-secondary {
border: solid 1px;
border-radius: 3px;
color: #5b87da;
background-color: #fff;
text-transform: uppercase
}
.button.is-cta-secondary:hover {
background-color: #e8ebe9
}
@media (max-width:499px) {
.button.is-cta-secondary {
display: block;
width: 100%;
margin: 2px 0
}
}
.button.is-secondary {
border: solid 1px;
border-radius: 3px;
color: #5b87da;
background-color: #fff;
text-transform: uppercase
}
.button.is-secondary:hover {
background-color: #e8ebe9
}
@media (max-width:499px) {
.button.is-secondary {
display: block;
width: 100%;
margin: 2px 0
}
}
select.button.is-secondary {
text-align: left;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDM5LjEgKDMxNzIwKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JY29ubyBmbGVjaGEgaGFjaWEgYWJham88L3RpdGxlPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxvZ29zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIGlkPSJpY28tYXJyb3ctZG93biIgc3Ryb2tlPSIjNUI4N0RBIj4KICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJSZWN0YW5nbGUtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4wMDAwMDAsIDYuNTAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTYuMDAwMDAwLCAtNi41MDAwMDApICIgcG9pbnRzPSIyLjUgMS41IDkuNSA2LjUgMi41IDExLjUiPjwvcG9seWxpbmU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
background-position: 95% center;
padding-right: 24px
}
.button.is-third {
border: solid 1px;
border-radius: 3px;
color: #8a9a91;
background-color: #fff
}
.button.is-third:hover {
color: #000
}
.button.is-third g {
stroke: currentColor
}
@media (max-width:499px) {
.button.is-third {
display: block;
width: 100%;
margin: 2px 0
}
}
.search {
margin-bottom: 2rem
}
.search-title {
border-bottom: solid 1px #e8ebe9;
display: block;
padding: .3em 0;
color: #8a9a91
}
.search-title svg {
display: none
}
.search-filters {
padding: 0;
margin: .5em 0;
display: none
}
.search-filters.is-opened {
display: block
}
@media (min-width:950px) {
.search-filters {
display: block
}
}
.search-filters legend {
display: block;
width: 100%;
padding: .3em 0;
font-weight: 300
}
.search-filters legend svg {
float: right
}
.search-filters fieldset {
padding: 0;
margin: 0;
border: none
}
.search-filters fieldset:hover>legend g {
stroke: #000
}
.search-filters fieldset>legend svg {
transition: transform .3s
}
.search-filters fieldset.is-opened .search-filter {
display: block
}
.search-filters fieldset.is-opened>legend svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.search-filter {
padding-bottom: 2rem;
display: none
}
.search-filter label {
display: block;
color: #8a9a91;
margin: .3em 0
}
.search-filter label:hover {
color: #000
}
.search-footer {
margin-top: 1rem
}
@media (min-width:950px) {
.search-footer .button {
display: block;
width: 100%
}
}
.search-footer .search-footer-clear {
margin-top: 1rem
}
@media (max-width:949px) {
.search-filter.has-checkbox {
-moz-column-width: 10rem;
-webkit-column-width: 10rem;
column-width: 10rem
}
.search-filter.has-checkbox label {
display: inline-block;
width: 100%
}
.search-filter.has-date label {
display: inline-block;
width: 45%;
min-width: 200px;
vertical-align: top
}
.search-footer {
display: none
}
.search-title {
cursor: pointer
}
.search-title:hover {
color: #000
}
.search-title:hover g {
stroke: #000
}
.search-title svg {
display: inline-block;
float: right
}
.search-title g {
stroke: #8a9a91;
stroke-width: 2px
}
.search.is-opened .search-footer {
display: block
}
.search.is-opened .search-title svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.search.is-opened .search-filters {
display: block
}
}
.menu {
margin-bottom: 2rem;
color: #8a9a91
}
.menu-option,
.menu-title {
border-bottom: solid 1px #e8ebe9;
display: block;
padding: .3em 0
}
.menu-option svg,
.menu-title svg {
display: none
}
.menu-option.has-content,
.menu-title.has-content {
border-bottom: none
}
.menu-content {
border-bottom: solid 1px #e8ebe9;
padding: .3em 0
}
.menu-items {
padding: 0;
margin: .5em 0;
display: none;
list-style: none
}
.menu-items.is-opened {
display: block
}
@media (min-width:950px) {
.menu-items {
display: block
}
}
.menu-items a {
display: block;
padding: .3em;
font-weight: 300;
border-radius: 3px
}
.menu-items a.is-selected {
color: #000;
font-weight: 700;
background: #e8ebe9
}
@media (max-width:949px) {
.menu-title {
cursor: pointer
}
.menu-title:hover {
color: #000
}
.menu-title:hover g {
stroke: #000
}
.menu-title svg {
display: inline-block;
float: right
}
.menu-title g {
stroke: #8a9a91;
stroke-width: 2px
}
.menu.is-opened .menu-title svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.menu.is-opened .menu-items {
display: block
}
}
.carousel {
overflow: hidden;
width: 100%;
box-sizing: border-box
}
.carousel>ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
transition: transform .5s
}
.carousel>ul>li {
flex-shrink: 0
}
.carousel-nav {
text-align: center;
margin-top: 1rem;
display: flex;
justify-content: space-between
}
.carousel-nav button {
background: 0 0;
border: solid 1px;
padding: 1em;
border-radius: 3px;
color: #5b87da
}
.carousel-nav button:hover {
color: #000;
background-color: #d0d7d3
}
.carousel-nav g {
stroke: currentColor
}
.carousel-nav svg {
display: block
}
.eventCarousel {
position: relative
}
.eventCarousel-container {
max-width: 1400px
}
.eventCarousel-content {
max-width: 20rem;
position: relative;
z-index: 2;
padding: 1rem 0;
position: relative
}
.eventCarousel-content .h3,
.eventCarousel-content h3,
.eventCarousel-content nav {
padding: 1rem;
margin: 0
}
.eventCarousel-content .h3,
.eventCarousel-content h3 {
font-weight: 500
}
.eventCarousel-content nav {
text-align: right
}
.eventCarousel-events {
list-style: none;
padding: 0;
margin: 0
}
.eventCarousel-events>li {
transition: background 1s
}
.eventCarousel-slides {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: #000
}
.eventCarousel-slides>ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
transition: transform .5s;
height: 100%
}
.eventCarousel-slides li {
flex-shrink: 0;
background-size: cover;
background-position: center;
max-width: 1400px;
opacity: .5
}
.eventCarousel-slides li.is-selected {
opacity: 1
}
.eventCarousel-slides a {
display: block;
height: 100%;
color: transparent
}
.breadcrumb {
display: flex;
flex-wrap: wrap
}
.breadcrumb a {
display: block;
padding: .3em .5em .3em 0;
white-space: nowrap
}
.breadcrumb a+a::before {
content: '» ';
text-decoration: none
}
.breadcrumb a:last-child {
overflow: hidden;
text-overflow: ellipsis
}
.pageHeader {
max-width: 1400px;
border-bottom: solid 1px #e8ebe9;
margin-top: 2rem;
margin-bottom: 2rem
}
.pageHeader .h1,
.pageHeader .h2,
.pageHeader h1,
.pageHeader h2 {
color: #8a9a91;
margin: 0
}
.pageHeader .h1 a,
.pageHeader .h2 a,
.pageHeader h1 a,
.pageHeader h2 a {
text-decoration: none
}
.pageHeader .h1 a:hover,
.pageHeader .h2 a:hover,
.pageHeader h1 a:hover,
.pageHeader h2 a:hover {
color: inherit
}
@media (min-width:500px) {
.pageHeader .h1,
.pageHeader .h2,
.pageHeader h1,
.pageHeader h2 {
text-align: right
}
}
@media (min-width:500px) {
.pageHeader {
display: flex;
justify-content: space-between;
align-items: flex-end
}
.pageHeader>nav {
max-width: 50%
}
.pageHeader .h1,
.pageHeader .h2,
.pageHeader h1,
.pageHeader h2 {
width: 50%
}
}
.pageHeader-navigation {
flex-grow: 1
}
.pageMenu {
border-top: solid 1px #e8ebe9;
padding-top: 1rem;
max-width: 15rem;
width: 100%
}
.pageMenu ul {
list-style: none;
margin: 0;
padding: 0
}
.pageMenu li {
margin-bottom: .5rem
}
.pageSection {
margin-top: 2rem;
margin-bottom: 2rem
}
.pageSection>header {
border-bottom: solid 1px #e8ebe9;
margin-bottom: 1rem
}
.pageSection>header .h2,
.pageSection>header h2 {
color: #8a9a91;
margin: 0
}
.pageAccess {
text-align: center;
border-top: solid 1px #d0d7d3;
padding-top: 1rem;
display: flex;
justify-content: center
}
.pageAccess>ul {
max-width: 1400px;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem
}
.pageAccess>ul li {
border-color: #d0d7d3
}
.pageAccess a {
color: #5b87da;
text-decoration: none;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
transition: color .3s
}
.pageAccess a:hover {
color: #000
}
.pageAccess a:hover g {
stroke: #000
}
.pageAccess svg {
display: block;
margin: 0 auto 1em auto
}
.pageAccess svg g {
transition: stroke .3s
}
.share strong {
color: #8a9a91;
display: block;
margin-bottom: .3em
}
.share ul {
list-style: none;
padding: 0;
margin: 0;
display: flex
}
.share ul>li+li {
margin-left: 1px
}
.share ul>li:first-child .button {
border-radius: 3px 0 0 3px
}
.share ul>li:last-child .button {
border-radius: 0 3px 3px 0
}
.share .button {
background: #d0d7d3;
padding: .3rem
}
.share .button svg {
display: block;
width: 2rem;
height: 2rem
}
.share .button g {
fill: #fff
}
.share .button.is-twitter:hover {
background-color: #1da1f2
}
.share .button.is-facebook:hover {
background-color: #3b5998
}
.share .button.is-linkedin:hover {
background-color: #0077b5
}
.share .button.is-whatsapp:hover {
background-color: #25d366
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: 0!important
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-arrow,
button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
html {
margin-right: 0!important;
overflow: auto!important
}
.mfp-bg {
background: #fff;
opacity: .2
}
.modal-menu .mfp-container {
background: #fff;
max-width: 30rem;
margin: 0 auto;
position: static;
height: auto
}
.modal-menu .mfp-container::before {
display: none
}
.modal-inlinemenu.mfp-wrap {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
box-sizing: border-box
}
.modal-inlinemenu .mfp-container {
background: #fff;
max-width: 30rem;
margin: 0 auto;
position: static;
height: auto;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
.modal-inlinemenu .mfp-container::before {
display: none
}
.modal-inlinemenu .mfp-content {
padding: 1rem;
box-sizing: border-box
}
.js-image:focus,
.js-video:focus {
outline: 0
}
.section {
margin-bottom: 3rem
}
.section.has-text .section-image {
margin: 1rem 0
}
@media (min-width:950px) {
.section.has-text .section-image {
float: left;
max-width: 50%;
margin-right: 2rem
}
.section.has-text .section-image+.section-body {
margin-top: 1rem;
padding-left: 25%
}
}
.section.has-text::after {
content: '';
display: block;
clear: both
}
.section.has-figure {
margin: 2rem 0
}
.section.has-figure img,
.section.has-figure video {
width: 100%;
height: auto
}
.section.has-button {
text-align: center;
color: #8a9a91
}
.section.has-button.has-title {
border-top: solid 1px #e8ebe9;
padding-top: 2em
}
.section.has-button.has-title strong {
margin-right: 1em;
font-weight: 300
}
.section.has-aside {
text-align: center;
padding: 1em 0;
border-top: solid 1px;
border-bottom: solid 1px;
color: #5b87da
}
.section.has-aside p {
font-size: 1.2em;
font-weight: 100
}
.section.has-aside p .texto-gris {
color: #8a9a91
}
.section.has-aside p .destacado {
font-weight: 500;
text-transform: uppercase
}
.section.has-aside .section-body {
color: inherit
}
@media (min-width:500px) {
.section.has-aside {
padding: 2em 1em
}
}
@media (min-width:750px) {
.section.has-aside {
padding: 2em
}
.section.has-aside p {
font-size: 1.4em
}
}
.section.has-download {
text-align: center;
color: #8a9a91
}
.section.has-download .button {
display: flex;
max-width: 30rem;
padding: 0;
align-items: center;
margin: 0 auto;
background-repeat: no-repeat;
background-size: 300px auto;
background-position: left center
}
.section.has-download .button:hover p {
color: #fff;
background-color: #5b87da
}
.section.has-download .button:hover p img {
opacity: 1
}
.section.has-download img {
display: block;
margin: 0;
flex-shrink: 0;
opacity: .8;
transition: opacity .3s
}
.section.has-download svg {
display: block;
margin: 0 auto .3em auto
}
.section.has-download g {
stroke: currentColor
}
.section.has-download p {
margin: 0 0 0 auto;
max-width: 8em;
padding: 1em;
text-align: center;
flex-grow: 1;
background: #cedbf4
}
.section-header {
border-bottom: solid 1px #e8ebe9
}
.section-header h2 {
color: #8a9a91;
margin: 0
}
@media (min-width:750px) {
.section-header h2 {
font-size: 1.125rem
}
}
.section-footer {
text-align: right;
margin-top: 1rem
}
.section-image {
padding: 0;
margin: .5em 0
}
.section-image img {
margin: 0 auto
}
.section-body h2 {
font-weight: 700;
margin: 2em 0 1em 0
}
.section-body ul {
list-style-position: inside
}
.section-field {
color: #8a9a91;
margin: 1rem 0
}
.section-field label {
display: inline-block;
margin-right: 2rem
}
.section-field>div p {
text-align: right
}
@media (min-width:750px) {
.section-field {
display: flex
}
.section-field>label {
width: 13em;
text-align: right;
flex: 0 0 auto;
margin-right: 1rem
}
.section-field>div {
flex: 1 1 auto
}
}
.section-field-accept {
color: #8a9a91;
margin: 2rem 0
}
@media (min-width:750px) {
.section-field-accept {
padding-left: 14em
}
}
.section-intro {
color: #8a9a91;
margin-bottom: 3em
}
.event-image {
display: block;
margin: 0
}
.event-image img {
display: block;
width: 100%;
height: auto
}
.event-subtitle,
.event-title {
display: block;
font-weight: 700;
margin: 0
}
.event-subtitle {
color: #8a9a91
}
.event-intro {
color: #8a9a91;
margin-top: 1em
}
.event-details {
list-style: none;
padding: 0;
color: #8a9a91
}
.event-details .h4,
.event-details h4 {
margin: 0 0 .2em 0
}
.event-details li+li {
margin-top: 1em
}
.event-details address {
font-style: normal
}
.event-details p {
margin: 0
}
.event-details p+p {
margin-top: .3em
}
.event-header {
margin-bottom: 1rem
}
.event-header .event-section {
border-right: solid 1px;
padding-right: 1em;
margin-right: .5em
}
.event-header .event-section:last-child {
border-right: none
}
.event-header .event-subsection {
font-weight: 300
}
.event-header .event-subsection::after {
content: ', '
}
.event-header .event-subsection:last-child::after {
content: ''
}
.event-body {
margin-bottom: 2rem
}
.event-calendar .h3,
.event-calendar .h4,
.event-calendar h3,
.event-calendar h4 {
margin: 0;
font-weight: 700;
border-bottom: solid 1px #e8ebe9;
padding-bottom: .3em
}
.event-calendar>ul {
list-style: none;
padding: 0;
color: #8a9a91
}
.event-calendar li {
display: flex;
align-items: center;
justify-content: space-between;
padding: .5em 0
}
.event-calendar li+li {
border-top: solid 1px #e8ebe9
}
.event-calendar p {
margin: 0 1em 0 0
}
.event-calendar .button {
width: auto
}
.event.is-minilist {
display: block;
text-decoration: none;
padding: .5rem 1rem;
}
.fix-height {
margin-bottom: 30px;
}
.event.is-minilist .event-place {
text-transform: uppercase;
font-style: normal;
color: #8a9a91
}
.event.is-minilist:hover .event-title {
text-decoration: underline
}
.event.is-minilist:hover .event-place {
color: #000
}
.event.is-list .event-details,
.event.is-list .event-intro {
margin-bottom: 1em
}
.event.is-list .event-image {
transition: opacity .3s
}
.event.is-list .event-image:hover {
opacity: .8
}
@media (min-width:500px) AND (max-width:749px) {
.event.is-list .event-image {
float: left;
margin: 0 2rem 1rem 0;
max-width: 50%
}
.event.is-list .event-details {
clear: both
}
}
@media (min-width:750px) {
.event.is-list {
display: flex
}
.event.is-list .event-image {
margin-right: 2rem;
flex: 0 0 300px
}
.event.is-list .event-title {
margin-top: 0
}
}
@media (min-width:1200px) {
.event.is-list .event-details {
float: right;
width: 15rem
}
.event.is-list>div {
position: relative;
flex: 1 1 0%
}
.event.is-list>div>:not(.event-details) {
float: left
}
.event.is-list>div>:not(.event-details):not(.button) {
width: calc(100% - 18rem)
}
}
.event.is-permalink .event-title {
margin: 0 0 .5rem 0
}
.event.is-permalink .event-image {
margin: 0 0 2rem 0
}
.event.is-permalink .event-image img {
width: 100%
}
.event.is-permalink .event-aside {
margin-bottom: 2rem
}
@media (min-width:950px) {
.event.is-permalink .event-aside {
float: left;
margin-right: 2rem;
width: 15rem
}
.event.is-permalink .event-body {
overflow: hidden
}
}
ul.eventList {
list-style: none;
padding: 0
}
ul.eventList>li {
padding: 2rem 0
}
ul.eventList>li:first-child {
padding-top: 0
}
ul.eventList>li+li {
border-top: solid 1px #e8ebe9
}
.piece-pretitle {
color: #8a9a91;
margin: 0
}
.piece-title {
font-weight: 700;
margin: 0
}
.piece-author {
font-weight: 300;
margin: 0
}
.piece.is-list {
display: block;
margin: 0;
position: relative;
overflow: hidden
}
.piece.is-list>a {
display: block
}
.piece.is-list img {
display: block;
width: 100%;
height: auto
}
.piece.is-list .piece-author {
position: absolute;
margin: 0;
bottom: 0;
left: 0;
width: 101%;
padding: .3em 1em;
background: rgba(255, 255, 255, .9);
box-sizing: border-box;
font-weight: 300;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: transform .3s
}
.piece.is-list .piece-author small {
color: #8a9a91
}
.piece.is-list a:hover .piece-author {
-webkit-transform: translateY(0);
transform: translateY(0)
}
html.touch .piece.is-list .piece-author {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.piece.is-prestamo .piece-expo {
margin: 0
}
.piece.is-prestamo .piece-place {
color: #8a9a91;
margin-top: 0
}
.piece.is-prestamo .piece-details {
margin: 0;
color: #8a9a91
}
.piece.is-prestamo .piece-details dt {
margin-top: 1rem;
display: inline-block;
white-space: nowrap
}
.piece.is-prestamo .piece-details dd {
display: inline;
margin: 0
}
.piece.is-prestamo .piece-details dd::after {
content: '';
display: block
}
.piece.is-prestamo .piece-image {
margin-bottom: 1rem
}
@media (min-width:500px) AND (max-width:749px) {
.piece.is-prestamo .piece-image {
float: left;
margin: 0 2rem 1rem 0
}
}
@media (min-width:750px) {
.piece.is-prestamo {
display: flex;
align-items: flex-start
}
.piece.is-prestamo .piece-image {
flex-shrink: 0;
max-width: 50%;
margin-right: 2rem
}
}
.piece.is-permalink .piece-image {
position: relative;
display: inline-block
}
.piece.is-permalink .piece-image img {
will-change: transform
}
.piece.is-permalink .piece-image svg {
position: absolute;
bottom: 0;
right: 0
}
.piece.is-permalink .piece-image g {
stroke: #fff
}
.piece.is-permalink .piece-details {
color: #8a9a91;
margin: 2rem 0 0
}
.piece.is-permalink .piece-details dd,
.piece.is-permalink .piece-details dt {
margin: 0
}
.piece.is-permalink .piece-details dt {
font-weight: 700;
margin-top: .3em
}
.piece.is-highlight {
background: #e8ebe9
}
.piece.is-highlight>div {
padding: 1rem
}
.piece.is-highlight .piece-body {
border-top: solid 1px #d0d7d3;
color: #8a9a91;
margin-top: 1rem
}
.piece.is-highlight .piece-body p {
margin-bottom: 0
}
.piece.is-highlight .piece-title {
margin: .2rem 0
}
@media (min-width:500px) {
.piece.is-highlight {
display: flex;
align-items: center
}
.piece.is-highlight>a {
flex: 0 0 480px;
max-width: 50%
}
}
@media (min-width:950px) {
.piece.is-highlight>a {
margin-right: 2rem
}
}
.artist.is-list {
margin: 1rem 0
}
.artist.is-list .artist-name {
font-weight: 700;
display: block
}
.artist.is-list .artist-info {
color: #8a9a91;
margin: 0
}
.artist.is-permalink .artist-name {
margin: 0 0 .5rem 0
}
.publication-title {
font-weight: 700;
margin: 0
}
.publication-subtitle {
font-weight: 300;
margin: 0
}
.publication-details {
color: #8a9a91
}
.publication-details dd {
margin: 0
}
.publication-details dt {
font-weight: 700
}
.publication-details p {
margin-top: 0
}
.publication-price {
color: #8a9a91;
display: block;
margin-bottom: 1em
}
.publication-price .publication-old-price {
text-decoration: line-through;
margin-right: .4em
}
.publication-price .publication-reduced-price {
color: #c13333
}
.publication.is-list {
margin: 1rem 0
}
.publication.is-list .publication-image {
width: 100%;
display: block;
margin-bottom: 1rem
}
.publication.is-list .publication-text {
height: 5em;
display: flex;
flex-wrap: wrap;
align-content: flex-start
}
.publication.is-list .publication-title {
margin-right: 1em
}
.publication.is-permalink .publication-image {
margin: 0
}
.publication-onSale {
font-weight: 300;
line-height: 1.3em;
color: #c13333;
margin-top: .3em
}
.publication-onSale::before {
content: '//'
}
.center-image {
display: block;
margin: 0
}
.center-image img {
display: block;
width: 100%;
height: auto
}
.center-title {
display: block;
font-weight: 700
}
.center-intro {
color: #8a9a91
}
.center-details {
list-style: none;
padding: 0;
color: #8a9a91
}
.center-details strong {
display: block
}
.center-details li+li {
margin-top: 1em
}
.center-details address {
font-style: normal
}
.center-details p {
margin: 0
}
.center-header {
margin-bottom: 1rem
}
.center-header .center-section {
border-right: solid 1px;
padding-right: 1em;
margin-right: .5em
}
.center-header .center-subsection {
font-weight: 300
}
.center-header .center-subsection::after {
content: ', '
}
.center-header .center-subsection:last-child::after {
content: ''
}
.center-body {
margin-bottom: 2rem
}
.center.is-minilist {
display: block;
text-decoration: none;
padding: .5rem 1rem
}
.center.is-minilist .center-place {
text-transform: uppercase;
font-style: normal;
color: #8a9a91
}
.center.is-minilist:hover .center-title {
text-decoration: underline
}
.center.is-minilist:hover .center-place {
color: #000
}
.center.is-list .center-details,
.center.is-list .center-intro {
margin-bottom: 1em
}
.center.is-list .center-image {
transition: opacity .3s
}
.center.is-list .center-image:hover {
opacity: .8
}
@media (min-width:500px) {
.center.is-list {
display: flex
}
.center.is-list .center-image {
margin-right: 2rem;
flex: 0 0 300px;
max-width: 50%
}
.center.is-list .center-title {
margin-top: 0
}
}
@media (min-width:1200px) {
.center.is-list .center-details {
position: absolute;
top: 0;
right: 0;
width: 15rem
}
.center.is-list>div {
padding-right: 18rem;
position: relative;
width: 100%
}
}
.center.is-permalink .center-title {
margin: 0 0 .5rem 0
}
.center.is-permalink .center-image {
margin: 0 0 2rem 0
}
.center.is-permalink .center-image img {
width: 100%
}
.center.is-permalink>aside {
margin-bottom: 2rem
}
@media (min-width:950px) {
.center.is-permalink>aside {
float: left;
margin-right: 2rem;
width: 15rem
}
.center.is-permalink .center-body {
overflow: hidden
}
}
.highlights {
max-width: 1400px;
color: #8a9a91
}
.highlights-header {
position: relative;
margin-bottom: 1rem;
display: block
}
.highlights-header h2,
.highlights-header h3 {
color: #8a9a91;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: .5em;
background: rgba(255, 255, 255, .85);
box-sizing: border-box;
transition: color .3s, background-color .3s
}
.highlights-header img {
display: block;
width: 100%;
height: auto
}
.highlights-header:hover h2,
.highlights-header:hover h3 {
color: #000;
background: #fff
}
.daterangepicker {
position: absolute;
color: inherit;
background: #fff;
border-radius: 4px;
width: 278px;
padding: 4px;
margin-top: 1px;
top: 100px;
left: 20px
}
.daterangepicker:after,
.daterangepicker:before {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, .2);
content: ''
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent
}
.daterangepicker.opensleft:before {
right: 9px
}
.daterangepicker.opensleft:after {
right: 10px
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto
}
.daterangepicker.opensright:before {
left: 9px
}
.daterangepicker.opensright:after {
left: 10px
}
.daterangepicker.dropup {
margin-top: -5px
}
.daterangepicker.dropup:before {
top: auto;
bottom: -7px;
border-bottom: 0;
border-top: 7px solid #ccc
}
.daterangepicker.dropup:after {
top: auto;
bottom: -6px;
border-bottom: 0;
border-top: 6px solid #fff
}
.daterangepicker.dropdown-menu {
max-width: none;
z-index: 3001
}
.daterangepicker.single .calendar,
.daterangepicker.single .ranges {
float: none
}
.daterangepicker.show-calendar .calendar {
display: block
}
.daterangepicker .calendar {
display: none;
max-width: 270px;
margin: 4px
}
.daterangepicker .calendar.single .calendar-table {
border: none
}
.daterangepicker .calendar td,
.daterangepicker .calendar th {
white-space: nowrap;
text-align: center;
min-width: 32px
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
padding: 4px;
border-radius: 4px;
background: #fff
}
.daterangepicker table {
width: 100%;
margin: 0
}
.daterangepicker td,
.daterangepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit
}
.daterangepicker td.week,
.daterangepicker th.week {
font-size: 80%;
color: #ccc
}
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
background-color: #fff;
border-color: transparent;
color: #999
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0
}
.daterangepicker td.start-date.end-date {
border-radius: 4px
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff
}
.daterangepicker th.month {
width: auto
}
.daterangepicker option.disabled,
.daterangepicker td.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%
}
.daterangepicker select.yearselect {
width: 40%
}
.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
width: 50px;
margin-bottom: 0
}
.daterangepicker .input-mini {
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
height: 30px;
line-height: 30px;
display: block;
vertical-align: middle;
margin: 0 0 5px 0;
padding: 0 6px 0 28px;
width: 100%
}
.daterangepicker .input-mini.active {
border: 1px solid #08c;
border-radius: 4px
}
.daterangepicker .daterangepicker_input {
position: relative
}
.daterangepicker .daterangepicker_input i {
position: absolute;
left: 8px;
top: 8px
}
.daterangepicker.rtl .input-mini {
padding-right: 28px;
padding-left: 6px
}
.daterangepicker.rtl .daterangepicker_input i {
left: auto;
right: 8px
}
.daterangepicker .calendar-time {
text-align: center;
margin: 5px auto;
line-height: 30px;
position: relative;
padding-left: 28px
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed
}
.ranges {
font-size: 11px;
float: none;
margin: 4px;
text-align: left
}
.ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%
}
.ranges li {
font-size: 13px;
background: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 4px;
color: #08c;
padding: 3px 12px;
margin-bottom: 8px;
cursor: pointer
}
.ranges li:hover {
background: #08c;
border: 1px solid #08c;
color: #fff
}
.ranges li.active {
background: #08c;
border: 1px solid #08c;
color: #fff
}
@media (min-width:564px) {
.daterangepicker {
width: auto
}
.daterangepicker .ranges ul {
width: 160px
}
.daterangepicker.single .ranges ul {
width: 100%
}
.daterangepicker.single .calendar.left {
clear: none
}
.daterangepicker.single.ltr .calendar,
.daterangepicker.single.ltr .ranges {
float: left
}
.daterangepicker.single.rtl .calendar,
.daterangepicker.single.rtl .ranges {
float: right
}
.daterangepicker.ltr {
direction: ltr;
text-align: left
}
.daterangepicker.ltr .calendar.left {
clear: left;
margin-right: 0
}
.daterangepicker.ltr .calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.daterangepicker.ltr .calendar.right {
margin-left: 0
}
.daterangepicker.ltr .calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.daterangepicker.ltr .left .daterangepicker_input {
padding-right: 12px
}
.daterangepicker.ltr .calendar.left .calendar-table {
padding-right: 12px
}
.daterangepicker.ltr .calendar,
.daterangepicker.ltr .ranges {
float: left
}
.daterangepicker.rtl {
direction: rtl;
text-align: right
}
.daterangepicker.rtl .calendar.left {
clear: right;
margin-left: 0
}
.daterangepicker.rtl .calendar.left .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.daterangepicker.rtl .calendar.right {
margin-right: 0
}
.daterangepicker.rtl .calendar.right .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.daterangepicker.rtl .left .daterangepicker_input {
padding-left: 12px
}
.daterangepicker.rtl .calendar.left .calendar-table {
padding-left: 12px
}
.daterangepicker.rtl .calendar,
.daterangepicker.rtl .ranges {
text-align: right;
float: right
}
}
@media (min-width:730px) {
.daterangepicker .ranges {
width: auto
}
.daterangepicker.ltr .ranges {
float: left
}
.daterangepicker.rtl .ranges {
float: right
}
.daterangepicker .calendar.left {
clear: none!important
}
}
.daterangepicker {
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
display: none
}
.daterangepicker .btn {
display: block;
width: 100%;
box-sizing: border-box;
background: 0 0;
border: none;
padding: .5em 1em;
border-radius: 3px;
font-size: .85rem;
font-weight: 500;
margin-bottom: .3rem;
min-width: 8em
}
.daterangepicker .btn.hide {
display: none
}
.daterangepicker .btn-success {
background: #5b87da;
color: #fff
}
.daterangepicker .btn-success:hover {
background: #405f99
}
.daterangepicker .btn-default {
color: #5b87da
}
.daterangepicker .btn-default:hover {
color: #8a9a91;
background: #e8ebe9
}
.daterangepicker .calendar-table {
font-size: .85rem
}
.daterangepicker table {
border-collapse: collapse
}
.daterangepicker td {
border: none!important;
border-bottom: solid 1px #fff!important;
border-radius: 0
}
.daterangepicker td.available:hover {
background: #405f99;
color: #fff
}
.daterangepicker td.active {
background: #5b87da
}
.daterangepicker td.active:hover {
background: #405f99
}
.daterangepicker td.in-range {
background: #5b87da;
color: #fff
}
.daterangepicker .input-mini {
border-radius: 3px;
border-color: #d0d7d3;
color: #8a9a91;
padding: .3rem .5rem;
font-size: .85rem
}
.daterangepicker .input-mini.active {
color: #5b87da;
border-color: #5b87da
}
.daterangepicker .ranges li {
background-color: #fff;
color: #5b87da;
border: none;
border-radius: 3px;
font-size: .85rem;
padding: .3em .5em
}
.daterangepicker .ranges li:hover {
background-color: #e8ebe9;
color: #405f99
}
.daterangepicker th.next {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuOC4zICgyOTgwMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+SWNvbm8gZmxlY2hhIGRlcmVjaGE8L3RpdGxlPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImxvZ29zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIGlkPSJpY28tYXJyb3ctcmlnaHQiIHN0cm9rZT0iIzVCODdEQSI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUmVjdGFuZ2xlLTEiIHBvaW50cz0iMiAxIDkgNiAyIDExIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center center
}
.daterangepicker th.prev {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDM5LjEgKDMxNzIwKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5JY29ubyBmbGVjaGEgaXpxdWllcmRhPC90aXRsZT4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJsb2dvcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iaWNvLWFycm93LWxlZnQiIHN0cm9rZT0iIzVCODdEQSI+CiAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUmVjdGFuZ2xlLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNTAwMDAwLCA2LjAwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtNS41MDAwMDAsIC02LjAwMDAwMCkgIiBwb2ludHM9IjIgMSA5IDYgMiAxMSI+PC9wb2x5bGluZT4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat center center
}
.ratio {
position: relative;
height: 0;
width: 100%
}
.ratio.is-4-3 {
padding-bottom: 75%
}
/* cambio el padin en 16-9 de 56% al 3% para evitar el padin exagerado que añadae al final de la pagina */
.ratio.is-16-9 {
padding-bottom: 3%;
}
.ratio iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-container {
position: relative;
width: 100%;
aspect-ratio: 16 / 9; /* Establece la relación de aspecto 16:9 */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Estilo para el iframe específico */
iframe[src="https://www.youtube.com/embed/GlWmD8z1jKw"] {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
visibility: visible!important;
background: #f2f2f2!important;
background: rgba(0, 0, 0, .06)!important;
border: 0 none!important;
box-shadow: inset 0 0 12px 4px #fff
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
content: '!';
visibility: hidden
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}
.selectize-dropdown-header {
position: relative;
padding: 5px 8px;
border-bottom: 1px solid #d0d0d0;
background: #f8f8f8;
border-radius: 3px 3px 0 0
}
.selectize-dropdown-header-close {
position: absolute;
right: 8px;
top: 50%;
color: #303030;
opacity: .4;
margin-top: -12px;
line-height: 20px;
font-size: 20px!important
}
.selectize-dropdown-header-close:hover {
color: #000
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0 none;
float: left;
box-sizing: border-box
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0 none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
display: none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0 none
}
.selectize-control.plugin-remove_button [data-value] {
position: relative;
padding-right: 24px!important
}
.selectize-control.plugin-remove_button [data-value] .remove {
z-index: 1;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 17px;
text-align: center;
font-weight: 700;
font-size: 12px;
color: inherit;
text-decoration: none;
vertical-align: middle;
display: inline-block;
padding: 2px 0 0 0;
border-left: 1px solid #d0d0d0;
border-radius: 0 2px 2px 0;
box-sizing: border-box
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
background: rgba(0, 0, 0, .05)
}
.selectize-control.plugin-remove_button [data-value].active .remove {
border-left-color: #cacaca
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
background: 0 0
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
border-left-color: #fff
}
.selectize-control.plugin-remove_button .remove-single {
position: absolute;
right: 28px;
top: 6px;
font-size: 23px
}
.selectize-control {
position: relative
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
color: #303030;
font-family: inherit;
font-size: 13px;
line-height: 18px;
-webkit-font-smoothing: inherit
}
.selectize-control.single .selectize-input.input-active,
.selectize-input {
background: #fff;
cursor: text;
display: inline-block
}
.selectize-input {
border: 1px solid #d0d0d0;
padding: 8px 8px;
display: inline-block;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
box-sizing: border-box;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
border-radius: 3px
}
.selectize-control.multi .selectize-input.has-items {
padding: 6px 8px 3px
}
.selectize-input.full {
background-color: #fff
}
.selectize-input.disabled,
.selectize-input.disabled * {
cursor: default!important
}
.selectize-input.focus {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15)
}
.selectize-input.dropdown-active {
border-radius: 3px 3px 0 0
}
.selectize-input>* {
vertical-align: baseline;
display: -moz-inline-stack;
display: inline-block;
zoom: 1
}
.selectize-control.multi .selectize-input>div {
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
background: #f2f2f2;
color: #303030;
border: 0 solid #d0d0d0
}
.selectize-control.multi .selectize-input>div.active {
background: #e8e8e8;
color: #303030;
border: 0 solid #cacaca
}
.selectize-control.multi .selectize-input.disabled>div,
.selectize-control.multi .selectize-input.disabled>div.active {
color: #7d7d7d;
background: #fff;
border: 0 solid #fff
}
.selectize-input>input {
display: inline-block!important;
padding: 0!important;
min-height: 0!important;
max-height: none!important;
max-width: 100%!important;
margin: 0 2px 0 0!important;
text-indent: 0!important;
border: 0 none!important;
background: 0 0!important;
line-height: inherit!important;
-webkit-user-select: auto!important;
box-shadow: none!important
}
.selectize-input>input::-ms-clear {
display: none
}
.selectize-input>input:focus {
outline: 0!important
}
.selectize-input::after {
content: ' ';
display: block;
clear: left
}
.selectize-input.dropdown-active::before {
content: ' ';
display: block;
position: absolute;
background: #f0f0f0;
height: 1px;
bottom: 0;
left: 0;
right: 0
}
.selectize-dropdown {
position: absolute;
z-index: 10;
border: 1px solid #d0d0d0;
background: #fff;
margin: -1px 0 0 0;
border-top: 0 none;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
border-radius: 0 0 3px 3px
}
.selectize-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden
}
.selectize-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, .2);
border-radius: 1px
}
.selectize-dropdown .optgroup-header,
.selectize-dropdown [data-selectable] {
padding: 5px 8px
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
border-top: 0 none
}
.selectize-dropdown .optgroup-header {
color: #303030;
background: #fff;
cursor: default
}
.selectize-dropdown .active {
background-color: #f5fafd;
color: #495c68
}
.selectize-dropdown .active.create {
color: #495c68
}
.selectize-dropdown .create {
color: rgba(48, 48, 48, .5)
}
.selectize-dropdown-content {
overflow-y: auto;
overflow-x: hidden;
max-height: 200px
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
cursor: pointer
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
cursor: text
}
.selectize-control.single .selectize-input:after {
content: ' ';
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: grey transparent transparent transparent
}
.selectize-control.single .selectize-input.dropdown-active:after {
margin-top: -4px;
border-width: 0 5px 5px 5px;
border-color: transparent transparent grey transparent
}
.selectize-control.rtl.single .selectize-input:after {
left: 15px;
right: auto
}
.selectize-control.rtl .selectize-input>input {
margin: 0 4px 0 -2px!important
}
.selectize-control .selectize-input.disabled {
opacity: .5;
background-color: #fafafa
}
.selectize-input {
box-shadow: none;
padding: .3em
}
.selectize-input.focus {
box-shadow: none
}
.selectize-dropdown .active {
background-color: #e8ebe9
}
.selectorSearch {
max-width: 50em;
margin: 2rem auto
}
.selectorSearch .selectize-control .selectize-input {
padding: .5rem;
cursor: text;
font-size: 1rem
}
.selectorSearch .selectize-control .selectize-input>input {
font-size: inherit;
cursor: text
}
.selectorSearch .selectize-control .selectize-dropdown {
font-size: .85rem;
color: #8a9a91
}
@media (min-width:500px) {
.selectorSearch {
margin: 4rem auto 5rem auto
}
.selectorSearch .selectize-control .selectize-input {
padding: 1rem
}
}
.mainText {
max-width: 840px;
margin: 2rem auto;
text-align: center
}
.mainText p {
color: #8a9a91;
font-weight: 300;
line-height: 1.4
}
.mainText strong {
font-weight: 700;
color: #000
}
.mainText-title {
display: block;
color: #5b87da
}
.cv.is-list {
margin: 1rem 0
}
.cv.is-list>a {
display: block;
text-decoration: none
}
.cv.is-list .cv-name {
color: #8a9a91;
display: block
}
.cv.is-list .cv-position {
color: #5b87da;
margin: 0;
font-weight: 700
}
.cv.is-list .cv-image {
width: 100%;
margin-bottom: .5rem
}
.cv.is-permalink .cv-body {
margin: 2rem 0
}
.cv.is-permalink .cv-title {
font-weight: 700;
margin: 0
}
.cv.is-permalink .cv-subtitle {
margin: 0
}
.cv.is-permalink .cv-image {
margin: 0
}
.cv.is-permalink .cv-image img {
margin: 0 auto
}
.video {
display: block;
padding: 1em;
background: rgba(255, 255, 255, .85);
border-radius: 30px;
}
.video:hover .video-title {
color: #000
}
.video:hover polygon {
fill: #fff
}
.video:hover svg {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2)
}
.video-image {
position: relative
}
.video-image img {
width: 100%;
border-radius: 30px
}
.video-image svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: transform .3s
}
.video-image g {
stroke: #fff;
-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3))
}
.video-title {
color: #5b87da;
display: block;
margin: .3em 0 0;
transition: color .3s
}
.video-intro {
color: #8a9a91;
margin: 0
}
.video.is-list .video-title {
margin: .5em 0 0
}
.video.is-list .video-intro {
margin: .3em 0 0
}
.video.is-list>a {
display: block;
text-decoration: none
}
.video.is-mini:hover {
text-decoration: none
}
.image {
display: block;
padding: 1em;
background: rgba(255, 255, 255, .85);
border-radius: 30px;
}
.image:hover .image-title {
color: #000
}
.image:hover path+path {
fill: #fff
}
.image:hover svg {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2)
}
.image-image {
position: relative
}
.image-image img {
width: 100%;
border-radius: 30px;
}
.image-image svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: transform .3s
}
.image-image g {
stroke: #fff;
-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3))
}
.image-title {
color: #5b87da;
display: block;
margin: .3em 0 0;
transition: color .3s
}
.image-intro {
color: #8a9a91;
margin: 0
}
.image.is-list .image-title {
margin: .5em 0 0
}
.image.is-list .image-intro {
margin: .3em 0 0
}
.image.is-list>a {
display: block;
text-decoration: none
}
.image.is-mini:hover {
text-decoration: none
}
.document {
display: block;
padding: 1em;
background: #FFFFFF;
border-radius: 30px
}
.document:hover .document-title {
color: #000
}
.document:hover polygon {
fill: #fff
}
.document:hover svg {
-webkit-transform: translate(-50%, -50%) scale(1.2);
transform: translate(-50%, -50%) scale(1.2)
}
.document-image {
position: relative
}
.document-image img {
width: 100%;
border-radius: 30px
}
.document-image svg {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: transform .3s
}
.document-image g {
stroke: #fff;
-webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3));
filter: drop-shadow(0 0 5px rgba(0, 0, 0, .3))
}
.document-title {
color: #5b87da;
display: block;
margin: .5em 0 0;
transition: color .3s
}
.document-intro {
color: #8a9a91;
margin: 0
}
.document.is-list .document-intro {
margin: .3em 0 0
}
.document.is-list>a {
display: block;
text-decoration: none
}
.document.is-mini:hover {
text-decoration: none
}
.newsList {
list-style: none;
padding: 0;
margin: 0 0 2rem 0
}
.newsList li {
padding-bottom: 2rem;
border-bottom: solid 1px #e8ebe9
}
.newsList li+li {
padding-top: 2rem
}
.new-title {
font-weight: 300;
margin: 1rem 0
}
.new-date {
color: #8a9a91;
margin-right: 1rem
}
.new-tags {
display: inline-flex
}
.new-tags a {
padding: 0 .5rem
}
.new-tags a+a {
border-left: solid 1px #d0d7d3
}
.new-intro {
color: #8a9a91
}
.new-intro p {
margin-bottom: 0
}
.new-body {
margin: 2rem 0
}
a.new-download {
display: block;
padding: .5em 0;
border-top: solid 1px #e8ebe9;
margin-top: 1em
}
a.new-download:hover {
text-decoration: none
}
a.new-download strong {
margin-right: .5em
}
a.new-download small {
color: #8a9a91;
text-decoration: none
}
a.new-download img {
margin-top: .5em
}
@media (min-width:500px) {
.new.is-list:not(.is-highlight) .new-title {
margin-top: 0
}
.new.is-list:not(.is-highlight) .new-image {
margin-right: 2rem
}
}
@media (min-width:500px) and (max-width:1199px) {
.new.is-list:not(.is-highlight)::after {
content: '';
display: block;
clear: both
}
.new.is-list:not(.is-highlight) .new-image {
float: left;
margin-bottom: 1rem;
max-width: 40%
}
.new.is-list:not(.is-highlight) .new-header {
overflow: hidden
}
}
@media (min-width:1200px) {
.new.is-list:not(.is-highlight) {
display: flex
}
.new.is-list:not(.is-highlight) .new-image {
flex: 0 0 300px
}
}
.new.is-list.is-highlight .new-image img {
width: 100%
}
.new.is-list.is-highlight .new-title {
font-weight: 300
}
.new.is-permalink .new-image {
margin: 0 0 2rem 0
}
.new.is-permalink .new-image img {
width: 100%
}
.mediateca {
background: #e8ebe9;
margin-top: 1vw;
}
.mediateca>ul {
display: flex;
justify-content: center;
border-bottom: solid 1px #d0d7d3;
}
.mediateca>ul>li {
margin: 0px 10px 0px 10px;
display: inline-block;
max-width: 15rem;
text-align: center;
}
.mediateca>ul>li:nth-child {
}
.subMenu {
text-align: center;
display: none;
}
.subMenu>a {
display: inline-block;
margin: 2px;
background: white;
padding: 8px;
border-radius: 4px;
text-decoration: none;
color: #8a9a91;
cursor: pointer;
}
.subMenu>a:hover{
text-decoration: underline;
}
@media (max-width:499px) {
.mediateca>ul span {
display: block;
}
}
.mediateca>ul a {
display: block;
padding: .5em 1em;
transition: .3s background-color;
margin: 3px;
padding: 8px;
}
.mediateca>ul a:focus {
outline: 0
}
.mediateca>ul a.is-active {
background: #d0d7d3;
color: #000
}
.mediateca>a.is-active {
background: #d0d7d3;
color: #000
}
.mediateca>ul svg {
vertical-align: middle;
width: 32px;
height: 32px
}
.mediateca>ul g {
stroke: currentColor
}
.mediateca>section {
display: none
}
.mediateca>section.is-active {
display: block
}
.mediateca .carousel li {
margin-right: .5rem
}
.pagination {
margin-bottom: 1rem
}
.pagination ul {
list-style: none;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-end;
color: #8a9a91;
margin: 0
}
.pagination a {
display: block;
padding: .3em .5em;
border-radius: 3px
}
.pagination a:hover {
background-color: #e8ebe9
}
.pagination a.is-current {
background-color: #e8ebe9
}
.pagination .pagination-next {
border-left: solid 1px #5b87da;
margin-left: 5px;
padding-left: 5px
}
.pagination .pagination-prev {
border-right: solid 1px #5b87da;
margin-right: 5px;
padding-right: 5px
}
.pagination .pagination-first {
border-left: solid 1px #5b87da;
margin-left: 5px;
padding-left: 5px
}
.pagination .pagination-last {
border-right: solid 1px #5b87da;
margin-right: 5px;
padding-right: 5px
}
.sale-image {
width: 100%;
margin-bottom: 1rem
}
.sale-title {
display: block;
font-weight: 700
}
.sale-details {
padding: 0;
color: #8a9a91
}
.sale-details dt {
margin: 1em 0 .2em 0
}
.sale-details dd {
margin: 0
}
.sale-details p {
margin: 0
}
.sale-details p+p {
margin-top: .3em
}
@media (min-width:750px) {
.sale.is-list {
display: flex
}
.sale.is-list>div:first-child {
margin-right: 20px;
flex: 0 0 450px;
max-width: 50%
}
.sale.is-list .sale-title {
margin-top: 0
}
}
ul.saleList {
list-style: none;
padding: 0
}
ul.saleList>li {
padding: 2rem 0
}
ul.saleList>li:first-child {
padding-top: .5rem
}
ul.saleList>li+li {
border-top: solid 1px #e8ebe9
}
.resource-image {
display: block;
margin: 0
}
.resource-title {
display: block;
font-weight: 700;
margin: 0
}
.resource-intro {
color: #8a9a91;
margin-top: 1em
}
.resource-details {
color: #8a9a91;
font-weight: 300
}
.resource-details strong {
margin: 0 0 .2em 0;
display: block
}
.resource-details svg {
float: left
}
.resource-details p {
margin: 0;
padding-left: 80px
}
.resource-details .button {
margin-top: .5em
}
.resource.is-list .resource-details,
.resource.is-list .resource-intro {
margin-bottom: 1em
}
@media (min-width:500px) AND (max-width:749px) {
.resource.is-list .resource-image {
float: left;
margin: 0 2rem 1rem 0;
max-width: 50%
}
}
@media (min-width:750px) {
.resource.is-list {
display: flex;
align-items: flex-start
}
.resource.is-list .resource-image {
margin-right: 2rem;
flex: 0 0 300px
}
.resource.is-list .resource-title {
margin-top: 0
}
}
@media (min-width:1200px) {
.resource.is-list .resource-details {
position: absolute;
top: 0;
right: 0;
width: 15rem
}
.resource.is-list>div {
padding-right: 18rem;
position: relative;
width: 100%
}
}
ul.resourceList {
list-style: none;
padding: 0
}
ul.resourceList>li {
padding: 2rem 0
}
ul.resourceList>li:first-child {
padding-top: 0
}
ul.resourceList>li+li {
border-top: solid 1px #e8ebe9
}
.is-hidden {
display: none
}
.is-a11y-hidden {
visibility: hidden;
position: absolute;
font-size: 1px
}
.nohx {
font-size: inherit;
font-weight: inherit;
-webkit-margin-before: inherit;
-webkit-margin-after: inherit;
line-height: inherit;
display: inline
}
#nav_categories {
padding-left: 0;
margin-top: 0
}
#nav_categories,
#nav_categories ul {
list-style-type: none
}
#nav_categories ul {
padding-left: 1em
}
#nav_categories ul li label {
color: rgba(138, 154, 145, .7)
}
.section.has-text .page-result ul.eventList article.event.is-list div {
display: flex;
flex-direction: column;
align-items: flex-start
}
.section.has-text .page-result ul.eventList article.event.is-list div>* {
width: 100%
}