.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
} .cargo-egresado-link,
.cargo-egresado-link:visited,
.cargo-egresado-link:hover,
.cargo-egresado-link:active,
.cargo-egresado-link:focus {
color: #0000ee !important;
}
a:focus {
outline: none;
} html :where(img) {
max-width: unset;
} .grid-post-thumbnail,
.cover-container,
.course-thumbnail-wrapper {
position: relative;
} .grid-post-thumbnail-placeholder {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
aspect-ratio: 4 / 3;
padding: 1.25rem;
box-sizing: border-box;
background: repeating-linear-gradient(
135deg,
#f2f2f2 0,
#f2f2f2 12px,
#ececec 12px,
#ececec 24px
);
color: #8a8a8a;
font-family: "Roboto Mono", monospace;
font-size: 0.95rem;
line-height: 1.3;
}
.new-course-badge { --new-course-badge-size: 240px;
--new-course-badge-bg-scale: 1;
--new-course-badge-text-scale: 0.3;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: var(--new-course-badge-size);
height: var(--new-course-badge-size);
pointer-events: none; z-index: 5; } .course-thumbnail-wrapper {
display: inline-block;
width: 100%;
margin-bottom: 1rem;
}
.new-course-badge img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
display: block;
}
.new-course-badge .badge-bg {
width: calc(100% * var(--new-course-badge-bg-scale)) !important;
height: auto !important;
transition: transform 1.2s ease-in-out;
}
.new-course-badge .badge-text {
width: calc(100% * var(--new-course-badge-text-scale)) !important;
height: auto !important;
} @media (max-width: 768px) {
.course-thumbnail-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
}
.course-thumbnail-wrapper > img {
display: block;
width: 100%;
height: auto;
}
.course-thumbnail-wrapper .new-course-badge {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
} .grid-post-thumbnail.blue-on-hover .new-course-badge .badge-bg,
.grid-post-thumbnail.blue-on-hover:hover .new-course-badge .badge-bg {
width: calc(100% * var(--new-course-badge-bg-scale)) !important;
height: auto !important;
}
.grid-post-thumbnail.blue-on-hover .new-course-badge .badge-text,
.grid-post-thumbnail.blue-on-hover:hover .new-course-badge .badge-text {
width: calc(100% * var(--new-course-badge-text-scale)) !important;
height: auto !important;
} a.grid-post-link:hover .new-course-badge .badge-bg,
.grid-post-thumbnail:hover .new-course-badge .badge-bg,
.cover-container:hover .new-course-badge .badge-bg,
.blue-on-hover:hover .new-course-badge .badge-bg {
transform: translate(-50%, -50%) rotate(180deg) !important;
} .new-course-badge,
.new-course-badge img {
mix-blend-mode: normal;
filter: none;
} .grid-post-thumbnail.blue-on-hover .new-course-badge img,
.grid-post-thumbnail .new-course-badge img,
.cover-container .new-course-badge img {
filter: none !important;
height: auto !important;
width: 100% !important;
} .grid-post-thumbnail .new-course-badge .badge-bg,
.grid-post-thumbnail.blue-on-hover .new-course-badge .badge-bg {
transition: transform 1.2s ease-in-out !important;
} .grid-post-thumbnail .new-course-badge .badge-text,
.grid-post-thumbnail.blue-on-hover .new-course-badge .badge-text {
transition: none !important;
} .inscription-soon-badge {
--inscription-soon-badge-size: 240px;
--inscription-soon-badge-bg-scale: 1;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: var(--inscription-soon-badge-size);
height: var(--inscription-soon-badge-size);
pointer-events: none;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
}
.inscription-soon-badge .badge-bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% * var(--inscription-soon-badge-bg-scale)) !important;
height: auto !important;
transition: transform 1.2s ease-in-out !important;
}
.inscription-soon-badge .badge-text-label {
position: relative;
z-index: 2;
font-family: "Roboto Mono", monospace;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
text-align: center;
color: #fff !important;
line-height: 1.15;
max-width: 55%;
word-wrap: break-word;
letter-spacing: 0.02em;
} a.grid-post-link:hover .inscription-soon-badge .badge-bg,
.grid-post-thumbnail:hover .inscription-soon-badge .badge-bg,
.grid-post-thumbnail.blue-on-hover:hover .inscription-soon-badge .badge-bg,
.blue-on-hover:hover .inscription-soon-badge .badge-bg {
transform: translate(-50%, -50%) rotate(180deg) !important;
} .grid-post-thumbnail.blue-on-hover .inscription-soon-badge .badge-bg,
.grid-post-thumbnail.blue-on-hover:hover .inscription-soon-badge .badge-bg {
width: calc(100% * var(--inscription-soon-badge-bg-scale)) !important;
height: auto !important;
} .inscription-soon-badge,
.inscription-soon-badge img,
.inscription-soon-badge .badge-text-label {
mix-blend-mode: normal;
filter: none;
} .grid-post-thumbnail.blue-on-hover .inscription-soon-badge img,
.grid-post-thumbnail .inscription-soon-badge img {
filter: none !important;
height: auto !important;
width: 100% !important;
} .grid-post-thumbnail .inscription-soon-badge .badge-bg,
.grid-post-thumbnail.blue-on-hover .inscription-soon-badge .badge-bg {
transition: transform 1.2s ease-in-out !important;
}
.grid-post-thumbnail.blue-on-hover .inscription-soon-badge,
.grid-post-thumbnail.blue-on-hover:hover .inscription-soon-badge,
.grid-post-thumbnail.blue-on-hover .inscription-soon-badge img,
.grid-post-thumbnail.blue-on-hover:hover .inscription-soon-badge img,
.grid-post-thumbnail.blue-on-hover .inscription-soon-badge .badge-text-label,
.grid-post-thumbnail.blue-on-hover:hover
.inscription-soon-badge
.badge-text-label {
filter: none !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
} .cover-container .new-course-badge .badge-bg,
.cover-container .new-course-badge .badge-text {
filter: none !important;
transition: none !important;
}
.cover-container .new-course-badge .badge-bg {
width: calc(100% * var(--new-course-badge-bg-scale)) !important;
height: auto !important;
transition: transform 1.2s ease-in-out !important;
}
.cover-container .new-course-badge .badge-text {
width: calc(100% * var(--new-course-badge-text-scale)) !important;
height: auto !important;
} .grid-post-thumbnail.blue-on-hover .new-course-badge,
.grid-post-thumbnail.blue-on-hover:hover .new-course-badge,
.grid-post-thumbnail.blue-on-hover .new-course-badge img,
.grid-post-thumbnail.blue-on-hover:hover .new-course-badge img {
filter: none !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
}   *,
:not(#side-menu *)::after,
:not(#side-menu *)::before {
box-sizing: inherit;
} :root {
--arqdis-blue: rgb(0, 0, 255);
--arqdis-red: #c84269;
--arqdis-magenta: rgb(255, 0, 255);
--arqdis-cyan: rgb(0, 255, 255);
--arqdis-gray: rgb(169, 169, 169);
}  :root { font-size: 14.5px; --fz-9pt: 0.7rem;
--fz-10pt: 0.85rem;
--fz-11pt: 0.925rem;
--fz-12pt: 1rem;
--fz-13pt: 1.0625rem;
--fz-14pt: 1.125rem;
--fz-15pt: 1.2rem;
--fz-16pt: 1.3rem;
--fz-17pt: 1.4rem;
--fz-18pt: 1.5rem;
--fz-20pt: 1.625rem;
--fz-22pt: 1.83rem;
--fz-24pt: 2rem;
--fz-26pt: 2.16rem;
--fz-28pt: 2.32rem;
--fz-30pt: 2.5rem;
--fz-35pt: 2.9rem;
--fz-40pt: 3.3rem;
--fz-45pt: 3.75rem;
--fz-48pt: 4rem;
--fz-50pt: 4.2rem;
--fz-55pt: 4.6rem;
--fz-60pt: 5rem;
--fz-65pt: 5.4rem;
--fz-70pt: 5.8rem;
--fz-80pt: 6.7rem;
--fz-90pt: 7.5rem;
--fz-100pt: 8.3rem;
--fz-120pt: 10rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .section-title,
.serie-title,
.archive-title,
.archive-subtitle,
.small-archive-title,
.programa-heading-title {
font-family: Montserrat, sans-serif;
font-weight: 900;
font-size: var(--fz-60pt);
line-height: 1em;
color: black;
text-transform: uppercase;
text-decoration: none;
}
.serie-title,
.archive-title {
font-size: var(--fz-80pt);
}
.archive-subtitle {
font-size: var(--fz-30pt);
}
.section-title.long-title {
font-size: var(--fz-40pt);
}
.serie-title.long-title,
.archive-title.long-title {
font-size: var(--fz-80pt);
}
.small-archive-title {
font-size: var(--fz-45pt);
}
h4.post-subtitle,
h2.main-subtitle {
font-size: var(--fz-22pt);
line-height: 1.2em;
}
h1.hidden-h1 {
display: none;
}
h5.post-subtitle,
h4.wp-block-arqdis-plugin-subtitle {
font-size: var(--fz-30pt);
line-height: 1.3em;
}
h3.post-subtitle,
h2.main-subtitle.long-subtitle,
li.expo-project-title {
font-size: var(--fz-20pt);
line-height: 1.2em;
}
h6.post-subtitle,
a.facility-link,
time.wp-block-arqdis-plugin-post-date {
font-size: var(--fz-16pt);
line-height: var(--fz-24pt);
}
.post-subtitle.tiny-subtitle {
font-size: var(--fz-12pt);
line-height: 1.3em;
}
a[href].magenta-on-hover {
color: var(--arqdis-blue);
text-decoration: none;
transition: color 0.3s;
}
a[href].magenta-on-hover:hover {
color: var(--arqdis-magenta);
}
a.post-button,
button.post-button,
.wp-block-buttons,
a.wp-block-button__link,
.post-body a.wp-block-button__link {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
line-height: 1.2em;
font-weight: 700;
color: white;
text-decoration: none;
text-transform: uppercase;
font-style: initial;
}
.post-subtitle {
display: block;
}
.post-subtitle,
.wp-block-arqdis-plugin-subtitle,
.wp-block-arqdis-plugin-post-date,
.facility-link,
.expo-section-title,
.expo-project-title,
.expo-section-shortcut,
.anuncio-lista-title {
font-family: "Roboto Mono", monospace;
font-weight: 700;
color: black;
text-transform: uppercase;
}
h2.main-subtitle {
font-family: Montserrat, sans-serif;
font-weight: 900;
line-height: 1.2em;
color: black;
text-transform: uppercase;
}
.post-related-people {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-20pt);
line-height: var(--fz-24pt);
font-weight: 400;
}
.related-people-subcurso {
font-family: "Roboto Mono", monospace;
line-height: 1.2em;
font-weight: 400;
}
.wp-block-arqdis-plugin-author {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-16pt);
line-height: var(--fz-20pt);
font-weight: 550;
text-transform: uppercase;
}
.wp-block-arqdis-plugin-host {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-16pt);
line-height: var(--fz-20pt);
font-weight: 550;
text-transform: uppercase;
}
.post-related-people a,
.related-people-subcurso a,
.wp-block-arqdis-plugin-author a,
.wp-block-arqdis-plugin-host a,
a.bold-on-hover,
a.bold-on-hover-body,
button.bold-on-hover,
button.bold-on-hover-body {
font-style: italic;
text-transform: uppercase;
text-decoration: none;
color: black;
}
a.bold-on-hover-body,
button.bold-on-hover-body {
text-transform: initial;
}
.post-body strong,
.post-body b,
.info-page-main strong,
.info-page-main b,
.course-type-desc strong,
.course-type-desc b {
font-weight: 550;
}
em,
.post-body em,
.post-body i,
.info-page-main em,
.info-page-main i,
.course-type-desc em,
.course-type-desc i {
font-style: italic;
}
.post-body a:not(.not-default-link):not(.wp-block-button__link) {
font-weight: 400;
font-style: italic;
color: black;
text-decoration: none;
}
a.bold-on-hover,
a.bold-on-hover-body,
button.bold-on-hover,
button.bold-on-hover-body {
font-weight: 400;
}
.wp-block-arqdis-plugin-author a {
font-weight: 500;
}
.wp-block-arqdis-plugin-host a {
font-weight: 500;
}
.post-body a:not(.not-default-link):not(.wp-block-button__link)[href],
.post-related-people a[href],
.wp-block-arqdis-plugin-author a[href],
.wp-block-arqdis-plugin-host a[href],
a[href].bold-on-hover,
a[href].bold-on-hover-body,
button.bold-on-hover,
button.bold-on-hover-body {
color: var(--arqdis-blue);
}
.post-links a {
text-decoration: underline;
}  h6.wp-block-arqdis-plugin-intitle {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-20pt);
line-height: var(--fz-24pt);
font-weight: 700;
text-transform: uppercase;
}
blockquote.wp-block-arqdis-plugin-quote {
font-size: var(--fz-30pt);
line-height: var(--fz-35pt);
font-family: "Roboto Mono", monospace;
font-weight: 400;
color: var(--arqdis-blue);
}
.single-notas .post-body strong em,
.single-notas .post-body em strong,
.single-notas .post-body b em,
.single-notas .post-body em b,
.single-notas .post-body strong i,
.single-notas .post-body i strong,
.single-notas .post-body b i,
.single-notas .post-body i b {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-style: initial;
text-transform: uppercase;
}
.topics a,
.topics span,
.tag-archive-title,
.topics-filter button.topic-button-filter,
.topics-filter,
.filter-module-container,
.show-filters-button,
.switch-type-names,
.filter-tax-divider {
font-family: "Roboto Mono", monospace;
font-weight: 500;
font-size: var(--fz-14pt);
text-transform: lowercase;
}
.tag-archive-title,
.grid-header-container input.search-field,
.grid-header-container form.search-form {
font-size: var(--fz-30pt);
}
.topics a.program-tag {
text-transform: uppercase;
}
.topics-filter button.topic-button-filter,
.show-filters-button,
.switch-type-names {
text-transform: uppercase;
font-weight: 700;
}
.evento-fecha-mes {
font-family: "Roboto mono", monospace;
font-weight: 700;
font-size: var(--fz-28pt);
text-transform: uppercase;
}
.evento-fecha-inicio .evento-fecha-mes,
.evento-fecha-fin .evento-fecha-mes {
font-size: var(--fz-22pt);
}
.evento-fecha-dia {
font-family: "Roboto mono", monospace;
font-weight: 700;
font-size: var(--fz-50pt);
}
.evento-fecha-inicio .evento-fecha-dia,
.evento-fecha-fin .evento-fecha-dia {
font-size: var(--fz-35pt);
}
.evento-fecha-ano {
font-family: "Roboto mono", monospace;
font-weight: 700;
font-size: var(--fz-20pt);
}
.evento-fecha-hora,
.evento-fecha-zona {
font-family: "Roboto mono", monospace;
font-weight: 700;
font-size: var(--fz-16pt);
}
.post-body .in-body-title {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: var(--fz-14pt);
line-height: var(--fz-24pt);
color: black;
text-transform: uppercase;
}
[class*="wp-block"] figcaption,
span.text-caption,
figcaption.text-caption {
font-size: var(--fz-14pt);
line-height: 1.2em;
font-family: "Roboto Mono", monospace;
font-weight: 500;
color: black;
}
.datos-semillero,
.datos-clasificado strong,
.classified-label {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
line-height: 1.4em;
color: black;
}
.datos-semillero {
font-weight: 400;
}
div.logos-instituciones span {
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: var(--fz-14pt);
color: black;
line-height: 1.2em;
text-transform: uppercase;
}
button.expo-index {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: var(--fz-18pt);
line-height: 1.4em;
color: black;
text-transform: uppercase;
}
.expo-project-author {
font-family: "Roboto Mono", monospace;
font-weight: 400;
font-size: var(--fz-16pt);
font-style: italic;
line-height: 1.3em;
text-transform: uppercase;
}
button.show-more-button {
font-family: "Work Sans", sans-serif;
font-size: var(--fz-14pt);
}
.expo-section-title,
.expo-section-shortcut {
font-size: var(--fz-30pt);
line-height: 1.3em;
}
.concurso-side-info,
.anuncio-attachment-links {
font-family: "Roboto Mono", monospace;
line-height: 1.2em;
font-size: var(--fz-16pt);
color: black;
}
.anuncio-attachment-links {
font-size: var(--fz-14pt);
}
.classified-timeframe-item time {
font-size: var(--fz-10pt);
color: var(--arqdis-magenta);
font-weight: 600;
}
.concurso-side-info a,
.anuncio-attachment-links a {
text-decoration: none;
color: black;
}
.anuncio-lista-title,
.anuncio-lista-item-parent {
font-size: var(--fz-20pt);
}
.anuncio-lista-item-name,
.anuncio-lista-item {
font-size: var(--fz-15pt);
}
.anuncio-lista-subitem {
font-family: "Roboto Mono", monospace;
text-transform: lowercase;
font-size: var(--fz-10pt);
font-weight: 600;
}
.anuncio-lista-mes {
font-family: "Roboto Mono", monospace;
text-transform: uppercase;
font-weight: 700;
font-size: var(--fz-14pt);
} .metadatos-subcurso {
font-family: "Roboto Mono", monospace;
font-weight: 400;
font-size: var(--fz-12pt);
line-height: 1em;
} .podcast-episode-title,
.podcast-episode-hosts,
.podcast-episode-hosts p {
font-family: "Roboto Mono", monospace;
}
.podcast-episode-title {
font-weight: 700;
font-size: var(--fz-20pt);
line-height: 1.2em;
}
.podcast-episode-hosts p strong {
font-weight: 700;
}
.podcast-episode-hosts p em {
font-style: italic;
}
.podcast-episode-hosts p a[href] {
color: var(--arqdis-blue);
text-decoration: none;
}
.post-body ol {
list-style: decimal;
} .info-page-content .table-of-contents,
.info-page-toc,
.wp-block-arqdis-plugin-section-title {
font-family: "Roboto Mono", monospace;
line-height: 1.1em;
text-transform: uppercase;
}
.wp-block-arqdis-plugin-section-title {
font-weight: 700;
}
.wp-block-arqdis-plugin-section-title {
font-size: var(--fz-28pt);
}
.info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-22pt);
}
.info-section .info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-18pt);
}
.info-page-content .table-of-contents,
.info-page-toc {
font-weight: 500;
font-size: var(--fz-12pt);
} .info-page-mobile-toc {
display: block;
max-width: 900px;
margin: 0 auto 2em;
padding: 0 30px;
} .info-page-toc ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.info-page-toc > ul > li:not(.toc-child-anchors) {
margin-bottom: 0.2em;
font-weight: bold;
}
.info-page-toc li.has-child-anchors {
margin-bottom: 0.25em;
}
.info-page-toc li ul li {
margin-bottom: 0.4em;
}
.info-page-toc li ul {
padding-left: 1em;
}
.info-page-toc h6,
.info-page-toc a {
text-decoration: none;
color: #808080;
}
.info-page-toc h6 {
padding-bottom: 0.3em;
border-bottom: 2px solid currentColor;
margin-bottom: 1.1em;
}
.info-page-toc a {
display: block;
transform: translateX(0px);
transition:
color 0.1s,
transform 0.3s;
}
.info-page-toc a:hover {
transform: translateX(5px);
}
.info-page-toc a.active-anchor {
color: black;
}
.info-page-toc .info-page-download-link a,
.info-page-toc .info-page-contact-link a {
color: black;
display: grid;
grid-template-columns: min-content auto;
grid-column-gap: 0.5em;
align-items: center;
}
.info-page-content .table-of-contents ul li ul li,
.info-page-content .table-of-contents h6 {
font-size: var(--fz-12pt);
}
.info-page-content .table-of-contents h6,
.info-page-content .table-of-contents a {
text-decoration: none;
color: #808080;
}
.info-page-content .table-of-contents a.active-anchor {
color: black;
}
.info-page-content .table-of-contents ul li {
font-size: inherit;
}
.info-page-main [class*="wp-block"] figcaption {
font-family: "Work Sans", sans-serif;
font-size: var(--fz-12pt);
font-weight: 400;
}
.info-page-main [class*="wp-block"] figcaption em {
font-style: italic;
}
.info-page-heading .info-page-slogan {
font-size: var(--fz-16pt);
}
.info-page-contact-title,
.info-page-contact-subtitle {
font-family: "Roboto Mono", monospace;
text-transform: uppercase;
color: var(--arqdis-blue);
line-height: 1.3em;
}
.info-page-contact-title {
font-size: var(--fz-30pt);
font-weight: 700;
}
.info-page-contact-subtitle {
font-size: var(--fz-16pt);
font-weight: 500;
}
.info-page-main a:not(a.wp-block-button__link),
.info-page-main a:not(a.wp-block-button__link):visited {
color: var(--arqdis-blue);
text-decoration: none;
transition: color 0.3s;
}
.info-page-main a:not(a.wp-block-button__link):hover {
color: var(--arqdis-magenta);
} .course-title,
.related-courses-nav a,
.related-courses-nav h6,
a.only-course-option {
font-family: "Roboto Mono", monospace;
font-weight: 500;
line-height: 1.2em;
text-transform: uppercase;
color: black !important;
}
.related-courses-nav h6 {
font-weight: 700;
font-size: var(--fz-16pt);
}
.descripcion-oferta {
font-size: var(--fz-13pt);
line-height: 1em;
color: var(--arqdis-gray);
font-style: italic;
}
.course-title {
font-size: var(--fz-20pt);
font-weight: 700;
}
.related-courses-nav a,
a.only-course-option {
font-size: var(--fz-13pt);
text-decoration: none;
}
.course-type-desc p {
line-height: 1.4em;
}
.course-type-desc a {
text-decoration: none;
color: var(--arqdis-blue);
}
.course-type-desc em {
font-style: italic;
}
.course-type-desc strong {
font-weight: 600;
} .opciones-info-fechas {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: var(--fz-14pt);
line-height: 1.3em;
color: black;
} p,
.post-body li,
.info-page-main li,
.anuncio-lista,
.ewa-rteLine {
font-family: "Work Sans", sans-serif;
font-weight: 400;
font-size: var(--fz-14pt); line-height: 1.7em;
color: black;
}
:where(p) strong {
font-weight: 600;
}
.uppercase-text {
text-transform: uppercase;
}
.lowercase-text {
text-transform: lowercase;
}
.contact-person {
font-family: "Roboto Mono", monospace;
font-weight: 400;
font-size: var(--fz-14pt);
line-height: 1.3em;
color: black;
} .grid-title,
.grid-subtitle,
.grid-post-type-link,
.scale-name,
.back-link,
.load-more-posts,
.load-more-posts button {
font-family: "Roboto Mono", monospace;
line-height: 1.2em;
color: black;
text-decoration: none;
}
.grid-title {
font-size: var(--fz-16pt);
font-weight: 700;
}
.grid-subtitle,
.grid-post-type-link {
font-size: var(--fz-14pt);
font-weight: 400;
}
.grid-smaller-subtitle {
font-size: var(--fz-12pt);
}
.scale-name {
font-size: var(--fz-10pt);
font-weight: 500;
color: var(--arqdis-magenta);
text-transform: uppercase;
}
.grid-post-type-link {
text-transform: uppercase;
}
.grid-post-link {
text-decoration: none;
}
.grid-button {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 700;
line-height: 1.3em;
text-transform: uppercase;
color: white;
text-align: center;
text-decoration: none;
}
.grid-title.grid-large-title {
font-size: var(--fz-22pt);
font-weight: 500;
}
.grid-title.grid-largest-title {
font-size: var(--fz-24pt);
font-weight: 500;
text-transform: uppercase;
}
.external-clasificado-wrapper .grid-title.grid-largest-title {
text-transform: unset;
}
.grid-title.grid-medium-title {
font-size: var(--fz-20pt);
font-weight: 500;
}
.back-link {
font-size: var(--fz-16pt);
font-weight: 700;
text-transform: uppercase;
}
.load-more-posts,
.load-more-posts button {
color: white;
font-weight: 700;
font-size: var(--fz-20pt);
text-transform: uppercase;
} .grid-subtitle.clasificados-grid-type {
font-size: var(--fz-12pt);
font-weight: 500;
color: var(--arqdis-magenta);
text-transform: uppercase;
}
.grid-subtitle.clasificados-grid-subtitle {
font-size: var(--fz-13pt);
}
.grid-subtitle.clasificados-grid-subtitle strong {
font-weight: 700;
} .grid-paper-citation {
color: gray;
word-break: break-all;
}
.grid-paragraph {
line-height: 1.3em;
font-size: var(--fz-12pt);
} .anuncio-badge {
font-family: "Roboto Mono", monospace;
color: white;
font-weight: 600;
font-size: var(--fz-12pt);
line-height: 1em;
}  .course-type-item-header,
.archive-pinned-header {
font-family: "Roboto Mono", monospace;
color: black;
font-weight: 700;
line-height: 1.2em;
text-transform: uppercase;
font-size: var(--fz-20pt);
} .contenido-fijo-item {
font-size: var(--fz-14pt);
}
.contenido-fijo-title,
.contenido-fijo-subtitle {
font-family: "Roboto Mono", monospace;
text-decoration: none;
text-transform: uppercase;
}
.contenido-fijo-title {
font-size: var(--fz-35pt);
font-weight: 700;
}
.contenido-fijo-subtitle {
font-weight: 500;
} .pub-index-section,
.pub-index-subsection,
.pub-index-entry,
.pub-index-entry-author,
.programa-metadata,
.programa-descripcion,
.download-programa,
.enlace-contenido-fijo,
.pub-cred-entry,
.pub-cred-role,
.egresados-descripcion {
font-family: "Roboto Mono", monospace;
color: black;
font-weight: 400;
}
.pub-index-section,
.pub-index-subsection,
.pub-index-entry,
.pub-cred-strong {
font-weight: 700;
}
.pub-cred-strong {
text-transform: uppercase;
}
.pub-index-section,
.pub-index-subsection {
text-transform: uppercase;
}
.pub-index-section {
font-size: var(--fz-30pt); }
.pub-index-subsection {
font-size: var(--fz-20pt);
}
.pub-index-entry {
font-size: var(--fz-16pt);
}
.pub-index-entry a {
color: var(--arqdis-blue);
text-decoration: none;
}
.pub-index-entry-author {
font-size: var(--fz-14pt);
}
.pub-cred-entry {
font-size: var(--fz-12pt);
}
.pub-cred-role {
font-size: var(--fz-9pt);
}
.pub-index-entry,
.pub-index-entry-author,
.pub-cred-entry,
.pub-cred-role {
line-height: 1.2em;
}
.pub-cred-entry,
.pub-cred-role {
color: #aaa;
} .programa-heading-title {
font-size: var(--fz-120pt);
}
.programa-heading-title.long-title {
font-size: var(--fz-90pt);
}
.programa-header .programa-slogan {
font-size: var(--fz-22pt);
}
.programa-metadata {
font-size: var(--fz-10pt);
color: gray;
line-height: 1.4em;
}
.info-legal-block {
font-size: var(--fz-10pt);
color: gray;
line-height: 1.6em;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.info-legal-block strong {
font-weight: 700;
}
.programa-descripcion {
font-size: var(--fz-22pt);
line-height: 1.4em;
}
.download-programa,
.programa-header-nav-links {
font-size: var(--fz-17pt);
color: white;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
.enlace-contenido-fijo {
font-size: var(--fz-16pt);
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
}
.resize-gallery-info,
.resize-gallery-info p {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
line-height: 1.3em;
}
@media screen and (min-width: 1950px) {
.resize-gallery-info,
.resize-gallery-info p {
font-size: var(--fz-14pt);
}
}
.resize-gallery-info strong {
font-weight: bold;
font-size: var(--fz-14pt);
} .week-event-time,
.week-event nav a,
.resize-gallery-container nav a {
font-family: "Roboto Mono", monospace;
font-weight: 600;
color: var(--arqdis-gray);
text-transform: uppercase;
font-size: var(--fz-12pt);
}
.week-event .week-event-enter {
color: var(--arqdis-blue);
}
.week-event-desc {
font-size: var(--fz-14pt);
line-height: 1.2em;
}
.week-event-day {
font-weight: 500;
color: black;
} footer * {
color: #dfdfdf;
}
footer.white-footer * {
color: #1d1d1d;
}
.footer-text-title {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-16pt);
line-height: 1.3em;
font-weight: 500;
text-transform: uppercase;
}
.footer-text-subtitle {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
line-height: 1.3em;
font-weight: 500;
}
.footer-text-title a,
.footer-text-subtitle a {
color: white;
text-decoration: none;
}
footer.white-footer .footer-text-title a,
footer.white-footer .footer-text-subtitle a {
color: black;
} .wpcf7 label {
font-family: "Roboto mono", monospace;
font-size: var(--fz-14pt);
font-weight: 400;
}
.form-over-black-bg * {
color: white;
}
.wpcf7-acceptance label {
font-family: "Roboto mono", monospace;
font-size: var(--fz-12pt);
line-height: 1.2em;
font-weight: 400;
}
input.wpcf7-text,
select.wpcf7-select,
textarea.wpcf7-textarea {
font-family: "Roboto mono", monospace;
font-size: var(--fz-12pt);
font-weight: 400;
}
a.form-link {
color: var(--arqdis-blue);
text-decoration: none;
}
.form-over-black-bg a.form-link {
color: magenta;
}
.form-over-black-bg.form-cyan-accents a.form-link {
color: cyan;
}
input.wpcf7-submit {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 700;
text-transform: uppercase;
}
.simple-form-container input.wpcf7-submit {
font-family: Montserrat, sans-serif;
font-weight: 900;
font-size: var(--fz-16pt);
}
span.wpcf7-not-valid-tip {
font-family: "Roboto mono", monospace;
font-size: var(--fz-12pt);
font-weight: 400;
color: magenta;
}
.wpcf7-response-output {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.event-intitle,
.post-intitle,
h6.related-content-title {
font-family: Montserrat, sans-serif;
font-weight: 900;
font-size: var(--fz-20pt);
line-height: 1.2em;
color: black;
text-transform: uppercase;
}
h6.related-content-title {
font-size: var(--fz-24pt);
}
h5.post-intitle {
font-size: var(--fz-30pt);
}
.child-event-time,
.event-itinerary-date {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 700;
text-transform: uppercase;
}
.child-event-title {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-18pt);
line-height: 1.3em;
margin-top: -0.25em;
font-weight: 700;
text-decoration: none;
color: black;
}
.child-event-speakers {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
line-height: 1.3em;
font-weight: 400;
}
.child-event-addtocal {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-10pt);
line-height: 1.3em;
font-weight: 700;
text-transform: uppercase;
color: magenta;
text-decoration: none;
} .home-banner-container,
.cinta-en-construccion {
font-size: var(--fz-24pt);
}
.grid-post-thumbnail .cinta-en-construccion {
font-size: var(--fz-22pt);
}
.banner-menu-item {
font-family: "Roboto Mono";
font-size: inherit;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
color: black;
margin-right: 2em;
}
.home-slogan,
.programa-slogan,
.marquee-slogan,
.cinta-en-construccion {
font-family: "Roboto Mono";
font-weight: 700;
text-transform: uppercase;
color: white;
}
.home-slogan,
.programa-slogan,
.marquee-slogan {
font-size: inherit;
} @media (max-width: 1269px) {
.home-banner-story-container *:hover,
.home-banner-story-container *:active,
.home-banner-story-container *:focus {
box-shadow: none !important;
object-position: 50% 50% !important;
filter: none !important;
transition: none !important;
outline: none !important;
}
} .home-banner-story {
text-decoration: none;
color: transparent;
font-family: "Roboto Mono";
text-align: center;
line-height: 1.5em;
font-size: 1.5rem;
} .edco-main-menu a,
.highlighted-edco-subtitle {
font-family: Montserrat, sans-serif;
font-weight: 700;
}
.edco-main-menu a {
text-transform: uppercase;
font-size: var(--fz-35pt);
color: white;
text-decoration: none;
line-height: 1.4em;
}
.edco-nav-marquee {
font-size: var(--fz-24pt);
}
.post-related-list-nav a {
font-family: "Roboto Mono", monospace;
font-weight: 500;
color: black;
text-decoration: none;
font-size: var(--fz-20pt);
}
.edco-contact-container p {
font-family: "Roboto Mono", monospace;
font-weight: 400;
color: black;
font-size: var(--fz-14pt);
line-height: 1.2em;
}
.edco-category-text p em {
font-style: italic;
}
.edco-category-text p strong {
font-weight: 550;
}
.highlighted-edco-subtitle {
text-transform: uppercase;
font-size: var(--fz-35pt);
line-height: 1.4em;
}
.form-over-black-bg.edco-contact-container p {
color: white;
}
.edco-category-title {
font-family: Montserrat, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: var(--fz-60pt);
line-height: 1.3em;
} :root,
html { --min-side-margin: 50px;
--thin-content-w: 1200px;
--normal-content-w: 1500px;
--medium-content-w: 1600px;
--large-content-w: 1700px;
--larger-content-w: 2150px;
--grid-content-w: 2300px;
--largest-content-w: 2500px;
--logged-in-h: 32px;
}
html { overflow-y: scroll; overflow-x: hidden;
} .grid-container,
.grid-object-container,
.single-container,
.facility-single-container,
.wide-single-container,
.midwide-single-container,
.post-related-content,
.post-related-list,
.post-related-grid,
.grid-header-container,
.edco-header-container,
.thin-container {
padding-left: var(--min-side-margin) !important;
padding-right: var(--min-side-margin) !important;
}
.single-container {
max-width: var(--normal-content-w);
}
.thin-container {
max-width: var(--thin-content-w);
}
.facility-single-container,
.wide-single-container {
max-width: var(--larger-content-w);
}
.post-related-list,
.edco-header-container {
max-width: var(--grid-content-w);
}
.expo-single-container.container-fluid {
max-width: var(--largest-content-w);
padding-left: var(--min-side-margin);
padding-right: 0;
margin-left: auto;
margin-right: 0;
}
.midwide-single-container {
max-width: var(--medium-content-w);
}
.facility-single-container .post-body {
margin-top: 0;
}
.post-related-content,
.post-related-grid {
max-width: var(--larger-content-w);
}
.post-related-content .grid-container,
.post-related-grid .grid-container {
padding: 0 !important;
} .no-top-margin {
margin-top: 0 !important;
}
.no-bottom-margin {
margin-bottom: 0 !important;
}
.no-top-padding {
padding-top: 0 !important;
}
.no-bottom-padding {
padding-bottom: 0 !important;
}
.margin-bot-05em {
margin-bottom: 0.5em !important;
} a[href]:not([href*="arqdis-local"]):not([href*="arqdis.uniandes.edu.co"]):not(
[href*="arqdispr.uniandes.edu.co"]
):not(#wpadminbar *):not([href*="157.253"]):not([href*="/arqdis/"]):not(
#wpadminbar *
):not(a[href^="#"]) {
cursor: alias;
}
a[href*="javascript"],
a[href*="#inicio"],
a[href^="#"] {
cursor: pointer !important;
}
a[download] { cursor: s-resize;
}
a[href*=".pdf"],
a[href*=".rtf"],
a[href*=".txt"] {
cursor: context-menu;
}
a[href*=".jpg"],
a[href*=".png"],
a[href*=".gif"] {
cursor: zoom-in;
} .layout-container {
display: grid;
grid-auto-flow: dense;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
grid-column-gap: 8%;
grid-template-rows: min-content 1fr min-content; }
.layout-container.wide-content {
grid-template-columns: minmax(0, 2.5fr) minmax(0, 1fr);
}
.layout-aside {
grid-row: span 3;
} .layout-container.alt-layout {
grid-template-columns: 0px minmax(0, 2fr) minmax(0, 1fr);
}
.alt-layout .layout-heading,
.alt-layout .layout-main-top,
.alt-layout .layout-main-bottom {
grid-column: 2;
} .layout-container-expo {
display: grid;
grid-auto-flow: dense;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
grid-column-gap: 5%;
grid-template-rows: min-content 1fr;
}
.layout-container-expo .layout-heading,
.layout-container-expo .layout-main-top {
max-width: 850px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.layout-container-expo .layout-aside {
grid-row: span 2;
} .layout-container.inverted-layout {
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}
.inverted-layout.equal-columns {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.equal-columns {
grid-column-gap: 5%;
}
.layout-bottom-row {
grid-column: span 2;
} .layout-container.one-column-layout {
grid-template-columns: minmax(0, 1fr);
}
.layout-container.one-column-layout .layout-main-top {
margin-top: 0.5em;
} .grid-container {
max-width: var(--grid-content-w);
--grid-col-count: 4;
--grid-col-percent: calc(100%/var(--grid-col-count));
--grid-gutter-sz: max(50px, min(5vw, 125px));
--grid-col-sz: calc(
var(--grid-col-percent) - var(--grid-gutter-sz) *
(var(--grid-col-count) - 1) / var(--grid-col-count)
);
}
.grid-object-container {
max-width: var(--grid-content-w);
}
.grid-header-container {
max-width: var(--grid-content-w);
margin-bottom: max(35px, min(4.5vw, 90px));
}
.program-header-end-marker {
display: block;
height: 0;
margin-top: calc(max(35px, min(4.5vw, 90px)) * -1);
padding-bottom: max(35px, min(4.5vw, 90px));
}
.grid-header-container input.search-submit {
margin-right: 0;
}
.grid-header-container form.search-form {
max-width: 700px;
margin-bottom: 0;
}
.load-more-posts {
margin-top: 3em;
margin-left: var(--min-side-margin) !important;
margin-right: var(--min-side-margin) !important;
}
.load-more-posts button {
display: block;
position: relative;
background-color: black;
padding: 0.5em 1em;
margin: 0 auto;
border: none;
width: 100%;
max-width: 585px;
cursor: pointer;
transition: background-color 0.3s;
}
.load-more-posts button:hover {
background-color: blue;
}
.load-more-posts button[disabled],
.load-more-posts button[disabled]:hover {
background-color: #ccc;
cursor: progress;
}
.load-more-posts button[disabled]::after {
content: "";
display: block;
position: absolute;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/loading-white.gif);
height: 100%;
width: 1.5em;
right: 0.4em;
top: 0;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.small-archive-title { margin-bottom: 0.2em;
} .packery-layout-grid .archive-grid-layout {
opacity: 1;
transition: opacity 0.3s;
}
.packery-layout-grid .archive-grid-layout.loading-masonry {
opacity: 0;
}
.packery-layout-grid .grid-archive-col-sizer,
.packery-layout-grid .grid-archive-item,
.packery-layout-grid .stamped-content {
width: var(--grid-col-sz);
}
body:not(.post-type-archive-audiovisuales) .packery-layout-grid .grid-archive-item.double-width:not(.grid-archive-item.double-width + .grid-archive-item.double-width),  .packery-layout-grid .stamped-content.double-width {
width: calc(var(--grid-col-sz) * 2 + var(--grid-gutter-sz));
}
.packery-layout-grid .grid-archive-gutter-sizer {
width: var(--grid-gutter-sz);
} .css-layout-grid .archive-grid-layout {
display: grid;
grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
grid-auto-flow: dense;
grid-gap: var(--grid-gutter-sz);
}
.css-layout-grid .grid-archive-col-sizer,
.css-layout-grid .grid-archive-gutter-sizer {
display: none;
} .post-related-content,
.post-related-list {
margin-top: min(5vw, 90px);
padding-bottom: 3rem;
}
.post-related-grid {
margin-top: min(5vw, 60px);
}
h6.related-content-title {
margin: 2em 0;
} .back-button-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.post-related-grid .back-button-container {
margin-bottom: 6rem;
}
.back-button-container a {
background: black;
padding: 0.3em 0.4em;
color: white;
transition: 0.3s;
margin-right: 0;
}
.back-button-container a:hover {
margin-right: 5px;
background: var(--arqdis-blue);
}
.back-button-container a::before {
content: "«";
} .filter-module-container {
display: grid;
grid-template-columns: 1fr max-content;
margin-top: 1.7em;
}
.topics-filter button.topic-button-filter[status="active"]:hover,
.topics-filter button.topic-button-filter[status="active"]:focus,
.grid-header-container .topics-filter button.topic-button-filter {
background-color: var(--arqdis-blue);
color: white;
outline: 2px solid transparent;
outline-offset: -2px;
transition:
color 0.3s,
outline 0.3s,
background-color 0.2s;
cursor: pointer;
border: none;
}
.topics-filter button.topic-button-filter:hover,
.topics-filter button.topic-button-filter:focus,
.topics-filter button.topic-button-filter[status="active"] {
background-color: white;
color: var(--arqdis-blue);
outline: 2px solid var(--arqdis-blue);
outline-offset: -2px;
}
.topic-button-filter {
white-space: nowrap;
}
.filter-tax-divider {
height: 2.5em;
display: inline-flex;
justify-content: center;
align-items: center;
}
.filter-tax-divider span {
height: 0.5em;
width: 0.5em;
background-color: var(--arqdis-blue);
}
.topics-filter {
position: relative;
transition: height 0.3s;
overflow: hidden;
}
.topics-filter.compressed {
height: 2.5em !important;
}
.show-filters-button,
.switch-type-names {
color: black;
background-color: transparent;
border: none;
outline: none;
height: 2.4em;
padding: 0;
display: flex;
align-items: center;
cursor: pointer;
}
.show-filters-button.hidden-button {
display: none;
}
.show-filters-button.checking-if-multiline {
opacity: 0;
}
.show-filters-button::after,
.abbreviated-types .switch-type-names::after {
content: attr(expand-text);
}
.show-filters-button.compress::after,
.switch-type-names::after {
content: attr(compress-text);
}
.show-filters-button svg {
margin-right: 0.6em;
margin-left: 1em;
}
.show-filters-button svg rect {
fill: var(--arqdis-blue);
}
.show-filters-button svg rect:nth-child(4),
.show-filters-button svg rect:nth-child(5),
.show-filters-button svg rect:nth-child(6),
.show-filters-button svg rect:nth-child(7),
.show-filters-button svg rect:nth-child(8),
.show-filters-button svg rect:nth-child(9),
.show-filters-button.compress:hover svg rect:nth-child(4),
.show-filters-button.compress:hover svg rect:nth-child(5),
.show-filters-button.compress:hover svg rect:nth-child(6),
.show-filters-button.compress:hover svg rect:nth-child(7),
.show-filters-button.compress:hover svg rect:nth-child(8),
.show-filters-button.compress:hover svg rect:nth-child(9) {
fill: lightgray;
transition: fill 0.3s;
}
.show-filters-button:hover svg rect:nth-child(4),
.show-filters-button:hover svg rect:nth-child(5),
.show-filters-button:hover svg rect:nth-child(6),
.show-filters-button:hover svg rect:nth-child(7),
.show-filters-button:hover svg rect:nth-child(8),
.show-filters-button:hover svg rect:nth-child(9),
.show-filters-button.compress svg rect:nth-child(4),
.show-filters-button.compress svg rect:nth-child(5),
.show-filters-button.compress svg rect:nth-child(6),
.show-filters-button.compress svg rect:nth-child(7),
.show-filters-button.compress svg rect:nth-child(8),
.show-filters-button.compress svg rect:nth-child(9) {
fill: var(--arqdis-blue);
}
.show-filters-button svg rect:nth-child(4),
.show-filters-button:hover svg rect:nth-child(9),
.show-filters-button.compress:hover svg rect:nth-child(4),
.show-filters-button.compress svg rect:nth-child(9) {
transition-delay: 0.35s;
}
.show-filters-button svg rect:nth-child(5),
.show-filters-button:hover svg rect:nth-child(8),
.show-filters-button.compress:hover svg rect:nth-child(5),
.show-filters-button.compress svg rect:nth-child(8) {
transition-delay: 0.3s;
}
.show-filters-button svg rect:nth-child(6),
.show-filters-button:hover svg rect:nth-child(7),
.show-filters-button.compress:hover svg rect:nth-child(6),
.show-filters-button.compress svg rect:nth-child(7) {
transition-delay: 0.25s;
}
.show-filters-button svg rect:nth-child(7),
.show-filters-button:hover svg rect:nth-child(6),
.show-filters-button.compress:hover svg rect:nth-child(7),
.show-filters-button.compress svg rect:nth-child(6) {
transition-delay: 0.2s;
}
.show-filters-button svg rect:nth-child(8),
.show-filters-button:hover svg rect:nth-child(5),
.show-filters-button.compress:hover svg rect:nth-child(8),
.show-filters-button.compress svg rect:nth-child(5) {
transition-delay: 0.15s;
}
.show-filters-button svg rect:nth-child(9),
.show-filters-button:hover svg rect:nth-child(4),
.show-filters-button.compress:hover svg rect:nth-child(9),
.show-filters-button.compress svg rect:nth-child(4) {
transition-delay: 0.1s;
} .course-type-filter-module {
--ctype-color: var(--arqdis-blue);
}
.course-type-filter-module.abbreviated-types
.topics-filter
button.topic-button-filter {
text-transform: initial;
box-sizing: content-box;
width: 5ch;
} .course-type-filter-module.abbreviated-types
.topics-filter
button.topic-button-filter[filter-name="curso-nuevo"] {
width: auto;
padding-left: 0.75em;
padding-right: 0.75em;
}
.course-type-filter-module.has-hover-inside
.topics-filter
button.topic-button-filter[status="inactive"],
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter[status="inactive"],
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:hover[status="active"],
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:focus[status="active"],
.loading-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter[status="inactive"] {
opacity: 0.2;
}
.course-type-filter-module .topics-filter button.topic-button-filter,
.course-type-filter-module
.topics-filter
button.topic-button-filter[status]:hover,
.course-type-filter-module
.topics-filter
button.topic-button-filter[status]:focus,
.loading-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:hover[status="active"],
.loading-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:focus[status="active"] {
opacity: 1;
background-color: var(--ctype-color);
transition:
background-color 0.2s,
opacity 0.2s;
color: white;
outline: none;
}
.switch-names-icon {
box-sizing: content-box;
width: 4ch;
padding: 0.48em;
background: lightgray;
color: white;
margin-right: 0.6em;
margin-left: 1em;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.switch-names-icon span {
transition: width 0.3s;
overflow: hidden;
display: inline-block;
}
.abbreviated-types .switch-type-names .switch-names-icon span,
.switch-type-names:hover .switch-names-icon span {
width: 0;
}
.abbreviated-types .switch-type-names:hover .switch-names-icon span,
.switch-type-names .switch-names-icon span {
width: 1ch;
} .filter-module-container {
position: relative;
}
.loading-filtered-grid .filter-module-container::after {
content: "";
position: fixed;
bottom: 0;
left: 0;
display: block;
height: 10px;
background: var(--arqdis-blue);
z-index: 3;
animation-name: loading-bar;
animation-duration: 1.3s;
animation-iteration-count: infinite;
pointer-events: none;
}
@keyframes loading-bar {
0% {
width: 0;
left: 0;
}
50% {
width: 100%;
left: 0;
}
100% {
width: 100%;
left: 100%;
}
}
.grid-container {
transition: opacity 0.3s;
}
.loading-filtered-grid .grid-container {
opacity: 0.4;
cursor: progress;
}
.loading-filtered-grid .grid-container > * {
pointer-events: none;
user-select: none;
}
.topics-filter button.topic-button-filter[status="active"][disabled]:hover,
.topics-filter button.topic-button-filter[status="active"][disabled]:focus {
background-color: white;
color: var(--arqdis-blue);
outline: 2px solid var(--arqdis-blue);
outline-offset: -2px;
cursor: progress;
}
.topics-filter button.topic-button-filter[disabled]:hover,
.topics-filter button.topic-button-filter[disabled]:focus {
background-color: var(--arqdis-blue);
color: white;
outline: 2px solid transparent;
outline-offset: -2px;
cursor: progress;
border: none;
} .investigaciones-archive-grid-container,
.series-archive-grid-container {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
grid-column-gap: 30px;
--grid-col-count: 2;
}
.investigaciones-interactive-map {
display: flex;
justify-content: center;
}
.investigaciones-interactive-map svg {
max-height: 60vh;
min-height: 400px;
width: 100%;
position: sticky;
top: 20vh;
}
.investigaciones-interactive-map .croquis-path {
fill: none;
stroke: var(--arqdis-blue);
stroke-width: 2;
stroke-miterlimit: 10;
}
.investigaciones-interactive-map .pointer-circle {
fill: var(--arqdis-blue);
stroke: none;
opacity: 0;
transform: translate(118px, 166.5px);
transition:
transform 0.5s,
opacity 0.3s;
}
.investigaciones-interactive-map .pointer-circle.active-pointer {
opacity: 1;
} .equipo-category-grid {
margin-bottom: max(50px, min(7vw, 130px));
} .cinta-en-construccion {
background-color: var(--arqdis-blue);
height: 2em;
display: flex;
align-items: center;
position: fixed;
z-index: 10;
left: 0;
bottom: 0;
width: 100%;
opacity: 1;
transition: opacity 0.3s;
}
.loading-filtered-grid .cinta-en-construccion {
opacity: 0;
}
.grid-post-thumbnail.en-construccion {
overflow: hidden;
}
.grid-header-container + .cursos-archive-subheader-container > .post-intitle {
margin-top: 0;
}
.cursos-archive-subheader-container .post-intitle {
margin-top: 3em;
}
.grid-post-thumbnail .cinta-en-construccion {
width: auto;
position: absolute;
left: 0;
bottom: unset;
top: 0;
transform: rotate(-45deg) translate(-30%, 350%);
transform-origin: left bottom;
}
.grid-post-thumbnail:hover .cinta-en-construccion {
opacity: 0;
} .week-events-banner-container {
margin-bottom: max(35px, min(4.5vw, 90px));
opacity: 1;
transition: opacity 0.3s;
}
.grid-header-container.related-grid-is-loading ~ .week-events-banner-container {
opacity: 0;
}
body.post-type-archive-eventos
.loading-filtered-grid
.week-events-banner-container {
opacity: 0.4;
cursor: progress;
}
body.post-type-archive-eventos
.loading-filtered-grid
.week-events-banner-container
a {
pointer-events: none;
}
body.post-type-archive-eventos
.has-filtered-grid
.week-events-banner-container {
display: none;
} .week-events-banner {
border: 2px solid var(--arqdis-magenta);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-magenta.svg);
background-size: 40px auto;
padding: 20px 0 30px 0;
}
.week-events-banner .grid-largest-title {
color: var(--arqdis-magenta);
font-weight: 700;
padding-left: 30px;
}
.week-event-list {
display: flex;
flex-wrap: nowrap;
column-gap: max(4vw, 20px);
margin-top: 30px;
overflow: auto;
overflow-y: hidden;
scrollbar-width: none;
padding: 0 30px;
scroll-behavior: smooth;
}
.week-event-list::-webkit-scrollbar {
display: none;
}
.week-event {
display: grid;
grid-template-columns: 190px 1fr;
grid-template-rows: min-content auto min-content;
column-gap: 15px;
flex-grow: 0;
flex-shrink: 0;
width: 570px;
}
.week-event nav {
grid-column: 2;
grid-row: 3;
}
.week-event-thumb-link {
grid-column: 1;
grid-row: 1 / span 3;
}
.week-event-thumb {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
overflow: hidden;
}
.week-event-thumb-link img,
.week-event .week-event-thumb img {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
filter: grayscale(0%);
transition: filter 0.3s;
}
.week-event-thumb-link[href]:hover img,
.week-event-info-link[href]:hover ~ .week-event-thumb-link img {
filter: grayscale(100%);
}
.week-event-thumb-link figure::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: blue;
mix-blend-mode: screen;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
}
.week-event-thumb-link[href]:hover figure::after,
.week-event-info-link[href]:hover ~ .week-event-thumb-link figure::after {
opacity: 1;
}
.week-event img {
position: relative;
width: 100%;
height: auto;
top: auto;
left: auto;
}
.week-event .grid-title {
margin: 0.2em 0 0.5em 0;
}
.week-event nav {
justify-self: end;
margin-top: 15px;
}
.week-event nav a:not(:last-child) {
margin-right: 1em;
}
.week-event nav a,
.resize-gallery-container nav a {
transition: color 0.3s;
}
.week-event nav a:hover,
.resize-gallery-container nav a:hover {
color: var(--arqdis-magenta);
}
.week-event-add-to-cal::after,
.week-event-view-more::after,
.week-event-enter::after {
font-family: "Material Symbols Outlined";
text-transform: none;
display: inline-block;
margin-left: 0.3em;
position: relative;
font-size: 1.2em;
top: 0.15em;
transition:
transform 0.3s,
color 0.3s;
}
.week-event-add-to-cal::after {
content: "add";
}
.week-event-view-more[href]::after,
.week-event-enter::after {
content: "arrow_outward";
font-family: "Material Icons";
}
.week-event-add-to-cal:hover::after {
transform: rotate(180deg);
}
.week-event-view-more:hover::after,
.week-event-enter:hover::after {
transform: translate(1.5px, -1.5px);
}
.week-events-scroller {
display: none;
margin-right: 30px;
margin-top: 30px;
justify-content: end;
}
.has-overflowing-events ~ .week-events-scroller {
display: flex;
}
.week-events-scroller,
.week-events-scroller button {
font-family: "Material Symbols Outlined";
font-size: var(--fz-30pt);
}
.week-events-scroller button {
color: var(--arqdis-magenta);
background: none;
border: none;
padding: 0;
margin: 0;
transition:
color 0.3s,
transform 0.3s;
transform: translate(0px, 0px);
cursor: pointer;
}
.week-events-scroller button:first-of-type:enabled:hover {
transform: translate(-2px, 0px);
}
.week-events-scroller button:last-of-type:enabled:hover {
transform: translate(2px, 0px);
}
.week-events-scroller button:disabled {
color: var(--arqdis-gray);
cursor: not-allowed;
}
.week-events-scroller button:first-of-type {
margin-right: 0.3em;
}
.week-event.week-past-event * {
color: var(--arqdis-gray);
}
.week-event.week-past-event img {
filter: grayscale(1) contrast(0.2) brightness(1.7);
}
.week-event.week-past-event .week-event-thumb-link[href]:hover img,
.week-event.week-past-event
.week-event-info-link[href]:hover
~ .week-event-thumb-link
img {
filter: grayscale(1) contrast(0.5) brightness(1.3);
}
.week-event.week-past-event .week-event-thumb-link[href]:hover figure::after,
.week-event.week-past-event
.week-event-info-link[href]:hover
~ .week-event-thumb-link
figure::after {
opacity: 0;
}
.week-event.week-ongoing-event .week-event-day,
.week-event.week-today-event .week-event-day,
.week-today-date {
font-weight: 700;
color: var(--arqdis-magenta);
}
.week-event.week-ongoing-event .week-event-clock,
.week-event.week-today-event .week-event-clock {
font-weight: 700;
color: black;
}
.week-event.week-ongoing-event .week-event-clock {
animation: twinkle;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.week-event-multidate {
display: inline-grid;
grid-template-columns: min-content;
}
.week-event-multidate > span {
grid-column: 1;
grid-row: 1;
opacity: 0;
transition: opacity 0.5s;
}
.week-event-multidate:not(.js-loaded) > span:first-child,
.week-event-multidate > span.carrousel-active {
opacity: 1;
} .programa-top-container {
display: flex;
flex-direction: column;
}
.programa-header {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
grid-gap: 25px;
}
a[href].programa-heading-title {
position: relative;
left: 0;
transition: left 0.3s;
cursor: pointer;
}
a[href].programa-heading-title:hover {
left: -10px;
}
.programa-slogan,
.programa-metadata {
transition: opacity 0.3s;
opacity: 1;
}
.programa-slogan.sizing-element,
.programa-metadata.sizing-element {
opacity: 0;
}
.programa-header .programa-slogan {
height: 1.5em;
display: flex;
align-items: center;
background-color: var(--arqdis-blue);
--program-slogan-offset: calc(-1 * var(--min-side-margin));
margin-left: var(--program-slogan-offset);
left: 0;
margin-top: 0.5em;
}
.programa-descripcion ~ .programa-descripcion {
margin-top: 0.7em;
}
@media only screen and (min-width: 2300px) {
.programa-header .programa-slogan { --program-slogan-offset: 0px;
}
}
.programa-header .programa-slogan span {
position: absolute;
animation-play-state: running;
}
.programa-header .programa-slogan { max-width: calc(100% - var(--program-slogan-offset));
}
.programa-header .programa-metadata { max-width: 100%;
}
.programa-header .programa-metadata {
margin-top: 1em;
}
.programa-header-nav-links {
margin-top: 1.5em;
}
.programa-header .download-programa {
background-color: black;
display: inline-block;
padding: 0.6em;
border: none;
outline: none;
transition: background-color 0.3s;
}
.programa-header .apply-button {
animation-name: button-dance;
animation-iteration-count: 5;
animation-duration: 4s;
animation-delay: 1s;
}
@keyframes button-dance {
0%,
25%,
100% {
transform: rotate(0deg);
}
3.125%,
15.625% {
transform: rotate(-15deg);
}
9.375%,
21.875% {
transform: rotate(15deg);
}
}
.programa-header .download-programa:not(:first-child) {
margin-left: 1em;
}
.programa-header .download-programa:hover {
background-color: var(--arqdis-blue);
}
.programa-contenidos-fijos {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 35px;
margin-bottom: 50px;
}
.caja-contenido-fijo {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 768px) and (max-height: 870px) {
.programa-top-container {
flex-direction: column-reverse;
}
.programa-contenidos-fijos {
margin-bottom: 0px;
margin-top: 50px;
}
}
.enlace-contenido-fijo {
height: 5em;
padding: 0 1.5em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-width: 2px;
border-style: solid;
color: blue;
transform: scale(1);
transition:
color 0.3s,
border-color 0.3s,
transform 0.15s;
}
.enlace-contenido-fijo:hover {
border-color: magenta !important;
color: magenta;
transform: scale(1.02);
}
.caja-contenido-fijo:nth-of-type(9n + 1) .enlace-contenido-fijo {
border-color: var(--arqdis-cyan);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-math-cyan.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 2) .enlace-contenido-fijo {
border-color: var(--arqdis-cyan);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-cyan.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 3) .enlace-contenido-fijo {
border-color: var(--arqdis-cyan);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-cyan.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 4) .enlace-contenido-fijo {
border-color: var(--arqdis-blue);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 5) .enlace-contenido-fijo {
border-color: var(--arqdis-blue);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-math.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 6) .enlace-contenido-fijo {
border-color: var(--arqdis-blue);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-dots.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 7) .enlace-contenido-fijo {
border-color: var(--arqdis-blue);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-dots-cyan.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 8) .enlace-contenido-fijo {
border-color: var(--arqdis-blue);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-math-cyan.svg);
}
.caja-contenido-fijo:nth-of-type(9n + 9) .enlace-contenido-fijo {
border-color: var(--arqdis-blue);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid.svg);
}
.enlace-contenido-fijo.enlace-contenido-externo {
position: relative;
padding: 0 60px;
}
.enlace-contenido-fijo.enlace-contenido-externo::after {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/enlace-externo.svg);
display: block;
position: absolute;
right: 10px;
top: 0;
background-repeat: no-repeat;
background-position: center;
width: 45px;
height: 100%;
} .conocer-programa-wrapper {
margin-top: 2.125rem;
display: flex;
justify-content: space-between;
}
.conocer-programa-wrapper .wpcf7 {
width: min-content;
flex-grow: 1;
display: flex;
justify-content: end;
}
.conocer-programa-wrapper .wpcf7-form {
margin: 0;
height: 100%;
margin-left: 50px;
min-width: 380px;
max-width: 700px;
}
.conocer-programa-wrapper .wpcf7-not-valid-tip {
display: none;
}
.conocer-programa-wrapper input.wpcf7-not-valid {
animation-name: invalidInput;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes invalidInput {
0%,
100% {
border-color: black;
}
50% {
border-color: var(--arqdis-magenta);
}
}
@media only screen and (min-width: 500px) {
.conocer-programa-wrapper .wpcf7-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5em 3%;
align-items: start;
} .conocer-programa-wrapper .wpcf7-form br {
display: none;
} .conocer-programa-wrapper .wpcf7-form > p,
.conocer-programa-wrapper .wpcf7-form > label,
.conocer-programa-wrapper .wpcf7-form > div > p,
.conocer-programa-wrapper .wpcf7-form > div > label,
.conocer-programa-wrapper .wpcf7-form > .form-field { display: flex;
flex-direction: column;
margin: 0;
box-sizing: border-box;
} .conocer-programa-wrapper .wpcf7-form input,
.conocer-programa-wrapper .wpcf7-form select,
.conocer-programa-wrapper .wpcf7-form textarea {
max-width: 100%;
box-sizing: border-box;
} .conocer-programa-wrapper .wpcf7-form > div {
display: contents;
}  .conocer-programa-wrapper .wpcf7-form > p:has(.wpcf7-submit),
.conocer-programa-wrapper .wpcf7-form > label:has(.wpcf7-submit),
.conocer-programa-wrapper .wpcf7-form > div > p:has(.wpcf7-submit),
.conocer-programa-wrapper .wpcf7-form > div > label:has(.wpcf7-submit) {
grid-column: 1 / -1;
} .conocer-programa-wrapper .wpcf7-form > p:has(.wpcf7-acceptance),
.conocer-programa-wrapper .wpcf7-form > label:has(.wpcf7-acceptance),
.conocer-programa-wrapper .wpcf7-form > div > p:has(.wpcf7-acceptance),
.conocer-programa-wrapper .wpcf7-form > div > label:has(.wpcf7-acceptance) {
grid-column: 1 / -1;
}
.form-input-required {
display: flex;
align-items: flex-end;
margin-bottom: 0.3em;
min-height: 2.5em;
} .conocer-programa-wrapper .form-field.phone-group {
box-sizing: border-box;
}  .conocer-programa-wrapper .wpcf7-form label > span:first-child,
.conocer-programa-wrapper .wpcf7-form label > .form-input-required,
.conocer-programa-wrapper .wpcf7-form p > span:first-child,
.conocer-programa-wrapper .wpcf7-form .form-field > span:first-child {
display: flex;
align-items: flex-end;
margin-bottom: 0.3em;
min-height: 2.5em;
} .conocer-programa-wrapper .wpcf7-form label .wpcf7-form-control-wrap {
display: block;
}
.conocer-programa-wrapper .wpcf7-form label input,
.conocer-programa-wrapper .wpcf7-form label select {
width: 100%;
} .conocer-programa-wrapper .wpcf7-form label .wpcf7-radio,
.conocer-programa-wrapper .wpcf7-form label .wpcf7-acceptance {
display: block;
margin-top: 0.3em;
} .conocer-programa-wrapper .wpcf7-form p > span:first-child {
display: block;
margin-bottom: 0.3em;
}
.conocer-programa-wrapper .wpcf7-form p > .wpcf7-form-control-wrap {
display: block;
}
}
@media only screen and (min-width: 1580px) {
.conocer-programa-wrapper .wpcf7-form p {
line-height: 1.2;
}
} .resize-gallery-wrapper {
position: relative;
background: white;
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
padding: 30px;
width: max-content;
overflow: auto;
scrollbar-width: none;
--active-width: 450px;
--gallery-slide-count: 0;
--gallery-slide-gap: 15px;
}
.resize-gallery-wrapper::-webkit-scrollbar {
display: none;
}
.resize-gallery-container {
position: relative;
width: min-content;
}
.resize-gallery-container > div:first-child {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: start;
width: calc(
(var(--active-width) / 4 + var(--gallery-slide-gap)) *
(var(--gallery-slide-count) - 1) + var(--active-width)
);
height: var(--active-width);
}
.overflowing-resize-gallery .resize-gallery-container > div:first-child {
width: calc(
(var(--active-width) / 4 + var(--gallery-slide-gap)) *
(var(--gallery-slide-count) - 1) + var(--active-width) * 2
);
}
.resize-gallery-container img {
flex-shrink: 0;
width: var(--active-width);
height: auto;
transform-origin: top left;
transform: translateX(calc(-75% * (var(--pos) - 1))) scale(0.25);
transition:
transform 0.4s,
opacity 0.3s;
opacity: 0.6;
cursor: pointer;
position: relative;
z-index: 2;
}
.resize-gallery-container img:not(:first-child) {
margin-left: var(--gallery-slide-gap);
}
.resize-gallery-container img:hover {
opacity: 1;
}
.resize-gallery-container img.active {
cursor: unset;
opacity: 1;
transform: translateX(calc(-75% * (var(--pos) - 1))) scale(1);
}
.resize-gallery-container img.active ~ img {
transform: translateX(calc(-75% * (var(--pos) - 2))) scale(0.25);
}
.resize-gallery-info {
position: absolute;
max-width: 25em;
padding: 0 15px;
left: 0;
bottom: 0;
transition: opacity 0.3s;
transform: translateX(var(--active-width));
}
.resize-gallery-info nav {
margin-top: 0.6em;
text-align: right;
}
.resize-gallery-info.hidden-gallery-info {
opacity: 0;
}
.resize-gallery-info p {
margin-top: 0.7em;
}
.resize-gallery-nav {
position: sticky;
left: 0px;
transform: translateX(20px);
display: flex;
width: 100%;
justify-content: end;
height: 0;
bottom: 5px;
margin-top: 10px;
}
.resize-gallery-nav button {
border: none;
background-color: transparent;
border-radius: 0;
font-family: "Material Symbols Outlined";
text-transform: none;
font-size: var(--fz-20pt);
height: 1.3em;
padding: 0;
cursor: pointer;
}
.resize-gallery-nav button:not(:last-child) {
margin-right: 0.2em;
}
.resize-gallery-nav button span {
display: inline-block;
transition: transform 0.3s;
}
.resize-gallery-nav button.resize-gallery-prev:hover span {
transform: translateX(-5px);
}
.resize-gallery-nav button.resize-gallery-next:hover span {
transform: translateX(5px);
}
.resize-gallery-slide-indicator {
display: none;
}
@media screen and (max-width: 1580px) {
.conocer-programa-wrapper .wpcf7-form p {
margin-bottom: 0.5em;
}
.resize-gallery-wrapper {
--active-width: 400px;
}
.resize-gallery-info {
max-width: 20em;
}
.conocer-programa-wrapper {
flex-wrap: wrap;
}
.conocer-programa-wrapper .wpcf7 {
justify-content: flex-start;
}
.conocer-programa-wrapper .wpcf7 form {
margin-top: 2rem;
height: auto;
margin-left: 0;
}
.resize-gallery-wrapper {
--active-width: 27vw;
}
.container-video-program {
order: -1;
}
}
@media screen and (max-width: 1380px) {
} @media screen and (max-width: 992px) {
.resize-gallery-wrapper {
--active-width: 345px;
}
.resize-gallery-nav {
margin-top: 15px;
}
}
@media screen and (max-width: 767px) {
.resize-gallery-wrapper {
--active-width: 70vw;
overflow: hidden;
}
.resize-gallery-info {
position: sticky;
left: 0px;
transform: translateX(0px) !important;
padding: 15px 0;
max-width: var(--active-width);
min-height: 13.95em;
display: flex;
flex-direction: column;
justify-content: center;
}
.resize-gallery-wrapper {
padding: 22.5px 15px;
padding-left: calc((100% - var(--active-width)) / 2);
}
.resize-gallery-nav {
display: none;
}
.resize-gallery-slide-indicator {
display: block;
width: 100%;
height: 0;
position: sticky;
display: flex;
justify-content: end;
left: 0;
top: 0;
z-index: 10;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
font-weight: 700;
letter-spacing: 0.2em;
}
.resize-gallery-slide-indicator::after {
content: attr(data-current-slide) "/" attr(data-total-slides);
background-color: rgba(0, 0, 0, 0.6);
border-radius: 0.8em;
padding: 0.3em 0.3em 0.35em 0.5em;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: white;
position: absolute;
margin-top: 10px;
margin-right: calc(12.5px + (100% - 70vw) / 2);
}
}
@media screen and (max-width: 575px) {
.resize-gallery-wrapper {
--active-width: 80vw;
}
.resize-gallery-slide-indicator::after {
margin-right: calc(12.5px + (100% - 80vw) / 2);
}
.wpcf7-form,
.wpcf7 .wpcf7-form {
padding: 1rem 20px;
margin: 0;
width: 100%;
}
}
@media screen and (max-width: 410px) {
.resize-gallery-wrapper {
--active-width: 70vw;
}
.resize-gallery-slide-indicator::after {
margin-right: calc(12.5px + (100% - 70vw) / 2);
}
.conocer-programa-wrapper .wpcf7-form {
min-width: 80px;
}
} .grid-archive-item,
.grid-post-link {
display: flex;
flex-direction: column;
}
.grid-post-type-link {
width: max-content;
margin-bottom: 0.7em;
}
.grid-archive-item .grid-title {
margin-top: 0.6em;
}
.grid-archive-item .grid-subtitle {
margin-top: 0.2em;
}  .student-project-wrapper {
display: flex;
flex-direction: column;
}
.student-project-card {
background-color: #ffffff;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
cursor: pointer;
transition: box-shadow 0.3s ease;
text-decoration: none;
color: inherit;
}
.student-project-card:hover {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
}
.post-type-archive-proy_est .student-project-card.active-project {
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.45);
} .student-thumb-image {
width: 100%;
aspect-ratio: 1 / 1;
overflow: visible;
position: relative;
}
.student-thumb-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
} .student-thumb-award-badge {
position: absolute; top: -12px;
right: -12px;
width: 96px;
height: 96px;
z-index: 10;
overflow: visible; pointer-events: none; }
.student-thumb-award-badge img {
width: 100%;
height: 100%;
display: block;
object-fit: contain; } .student-thumb-image .student-thumb-award-badge img,
.grid-post-thumbnail .student-thumb-award-badge img {
transition: none !important;
-webkit-transition: none !important;
filter: none !important;
-webkit-filter: none !important;
opacity: 1 !important;
will-change: auto !important;
} .student-thumb-image.blue-on-hover {
image-rendering: -webkit-optimize-contrast;
} _::-webkit-full-page-media,
_:future,
:root .student-thumb-image.blue-on-hover {
image-rendering: initial;
}
.student-thumb-image.blue-on-hover img {
filter: grayscale(0%);
transition: filter 0.3s;
} .clickable-project-thumb.student-project-card:hover
.student-thumb-image.blue-on-hover
img {
filter: grayscale(100%);
} .grid-post-link.student-project-card:hover
.student-thumb-image.blue-on-hover
img {
filter: grayscale(100%);
}
.student-thumb-image.blue-on-hover::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: blue;
mix-blend-mode: screen;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
} .clickable-project-thumb.student-project-card:hover
.student-thumb-image.blue-on-hover::after {
opacity: 1;
} .grid-post-link.student-project-card:hover
.student-thumb-image.blue-on-hover::after {
opacity: 1;
} .student-thumb-title {
padding: 8px 8px 8px 8px;
width: 100%;
}
.student-thumb-title .grid-title {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: 18px;
line-height: normal;
color: #000000;
text-transform: uppercase;
margin: 0;
word-wrap: break-word;
white-space: pre-wrap;
}
.grid-post-type-link span {
position: relative;
}
.grid-post-type-link span:before {
content: " ";
white-space: pre;
}
.grid-post-type-link span::after {
content: "";
position: absolute;
display: block;
width: 1ch;
height: 1.2em;
left: 0;
top: 0;
border-bottom: 1px solid black;
transition: width 0.3s;
}
.grid-post-type-link[href]:hover span::after {
width: 100%;
}
.grid-subtitle > span {
display: block;
}
.show-in-singles {
display: none;
} .grid-post-thumbnail img { object-fit: cover;
width: 100%;
height: 100%;
vertical-align: middle;
}
.grid-post-thumbnail {
max-width: 100%; }
.grid-post-thumbnail.blue-on-hover {
position: relative;
image-rendering: -webkit-optimize-contrast;
} _::-webkit-full-page-media,
_:future,
:root .grid-post-thumbnail.blue-on-hover {
image-rendering: initial;
}
.grid-post-thumbnail.blue-on-hover img {
filter: grayscale(0%);
transition: filter 0.3s;
}
.grid-post-link[href]:hover .grid-post-thumbnail.blue-on-hover img {
filter: grayscale(100%);
}
.grid-post-thumbnail.blue-on-hover::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: blue;
mix-blend-mode: screen;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
}
.grid-post-link[href]:hover .grid-post-thumbnail.blue-on-hover::after {
opacity: 1;
} img[src$="proyectopremiado.svg"] {
filter: none !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
transform-origin: center center; transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
will-change: transform, opacity;
} .grid-post-thumbnail.blue-on-hover img[src$="proyectopremiado.svg"],
.student-thumb-image.blue-on-hover img[src$="proyectopremiado.svg"] {
filter: none !important;
} .grid-post-thumbnail.blue-on-hover .student-thumb-award-badge img,
.student-thumb-image.blue-on-hover .student-thumb-award-badge img { transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
filter: none !important;
-webkit-filter: none !important;
opacity: 1 !important;
will-change: transform, opacity !important;
} img[src$="proyectopremiado.svg"]:hover,
.grid-post-link[href]:hover img[src$="proyectopremiado.svg"],
.clickable-project-thumb.student-project-card:hover
img[src$="proyectopremiado.svg"] {
transform: scale(1.01) translateX(2px) translateY(-2px);
} .persona-item .grid-post-thumbnail.persona-thumbnail {
aspect-ratio: 4 / 5;
overflow: hidden;
}
.persona-item .grid-post-thumbnail.persona-thumbnail .placeholder-image {
height: 100%;
padding-top: 0;
}
.persona-item .grid-subtitle > span:nth-child(2) {
margin: 0.2em 0;
} .grid-post-thumbnail.rise-on-hover {
position: relative;
bottom: 0;
transition: bottom 0.3s;
}
.grid-post-link:hover .grid-post-thumbnail.rise-on-hover {
bottom: 10px;
z-index: -1;
}
.grid-pub-links,
.grid-item-links {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
justify-items: center;
align-items: center;
margin-top: 15px;
max-width: 430px;
}
.grid-pub-links a,
.grid-item-links a {
display: block;
background: black;
width: 100%;
transition: background 0.3s;
padding: 0.3em;
}
.grid-pub-links a:hover,
.grid-item-links a:hover {
background: var(--arqdis-blue);
}
a.grid-button[disabled] {
background: lightgray;
color: gray;
cursor: not-allowed;
pointer-events: none;
} .investigacion-item .grid-title {
margin-top: 0;
transition: color 0.3s;
}
.investigacion-item .grid-post-link:hover .grid-title {
color: var(--arqdis-blue);
}
body:not(.post-type-archive-investigaciones)
.investigacion-item
.grid-title:before {
content: "* ";
color: var(--arqdis-magenta);
}
.scale-name {
margin-bottom: 0.6em;
}
.investigacion-item .grid-subtitle {
margin-top: 0.4em;
} .clasificado-item {
--clasificado-txt-c: black;
--clasificado-hover-title-c: var(--arqdis-blue);
--clasificado-type-c: var(--arqdis-magenta);
}
.clasificado-item.clasificado-cerrado-item {
--clasificado-txt-c: #aaa;
--clasificado-hover-title-c: black;
--clasificado-type-c: #aaa;
}
.clasificado-item .grid-title,
.clasificado-item .clasificados-grid-subtitle {
color: var(--clasificado-txt-c);
}
.clasificado-item .clasificados-grid-type {
color: var(--clasificado-type-c);
}
.clasificado-item .grid-post-link {
border-top: 2px solid var(--clasificado-txt-c);
border-bottom: 2px solid var(--clasificado-txt-c);
padding: 8% 0;
}
body:not(.post-type-archive-clasificados) .external-clasificado .grid-post-link,
body:not(.post-type-archive-clasificados) .beca-clasificado .grid-post-link {
border-top: none;
border-bottom: none;
padding: 0 0;
}
.clasificado-item .grid-title {
margin-top: 0.2em;
margin-bottom: 0.2em;
transition: color 0.3s;
}
.clasificado-item .grid-post-link:hover .grid-title {
color: var(--clasificado-hover-title-c);
}
.clasificado-item .clasificados-grid-subtitle {
margin-top: 0.5em;
display: block;
}
.clasificado-item .clasificados-grid-subtitle.cierre-proximo {
width: fit-content;
color: white;
background-color: var(--arqdis-magenta);
padding: 0.1em 0.2em;
}
.clasificado-item .clasificados-grid-subtitle.cierre-proximo time {
animation: twinkle;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.clasificado-item .clasificados-grid-type {
margin-top: 0;
}
.clasificado-item .beca-wrapper {
border: 2px dashed var(--clasificado-txt-c);
margin: -2% 0;
padding: 4%;
}
.external-clasificado .clasificados-grid-type {
display: none;
}
.external-clasificado .external-clasificado-wrapper {
border: 2px solid var(--clasificado-txt-c);
padding: 70px 5%;
background: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-bw.png);
position: relative;
}
.evento-item .grid-post-link[target="_blank"],
.generico-item .grid-post-link[target="_blank"],
.persona-item .grid-post-link[target="_blank"],
.documento-item .grid-post-link[target="_blank"] {
position: relative;
}
.external-clasificado-wrapper::after,
.enlace-externo-item .grid-post-link::after, .evento-item .grid-post-link[target="_blank"]::after,
.generico-item .grid-post-link[target="_blank"]::after,
.persona-item .grid-post-link[target="_blank"]::after,
.documento-item .grid-post-link[target="_blank"]::after {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/enlace-externo.svg);
display: block;
position: absolute;
top: 10px;
right: 10px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
}
.clasificado-cerrado-item .external-clasificado-wrapper::after {
filter: contrast(0.2) brightness(1.9);
} .enlace-externo-item .grid-post-link,
.edco-item .grid-post-link[href] {
position: relative;
} .paper-item .grid-post-link {
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
padding: 10px 30px 30px 30px;
position: relative;
transition: bottom 0.3s;
bottom: 0;
}
.paper-item .grid-post-link:hover {
bottom: 5px;
}
.paper-item .topics {
height: 32px;
overflow: hidden;
}
.paper-item .grid-subtitle {
margin-top: 0.3em;
}
.paper-item .topics + .grid-subtitle {
margin-top: 0.3em;
}
.paper-item .topics span {
white-space: nowrap;
}
.paper-item h6.grid-title {
word-break: normal;
overflow-wrap: anywhere;
} .documento-item a.grid-post-link[href][target="_blank"] {
cursor: alias;
} .anuncio-thumb-banner {
border-bottom: 2px solid #aaa;
max-height: 80px;
margin: -12px -12px 12px -12px;
overflow: hidden;
max-width: unset;
}
.anuncio-thumb-banner img,
.anuncio-thumb-banner video {
max-height: 80px;
width: 100%;
display: block;
object-fit: cover;
}
.anuncio-item .grid-post-link {
border: 2px solid #aaa;
padding: 12px;
position: relative;
}
.anuncio-badge {
display: block;
position: absolute;
z-index: 0;
right: 0;
top: 0;
transform: translate(29%, -50%);
width: 12ch;
height: 12ch;
display: flex;
align-items: center;
justify-content: center;
}
.anuncio-badge::before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/estrella.svg);
background-position: center center;
background-repeat: no-repeat;
z-index: -1;
transform-origin: center;
animation-name: spin;
animation-duration: 15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.anuncio-item .grid-paragraph {
margin-bottom: 0.3em;
}
.anuncio-item .grid-title {
margin-top: 0;
margin-bottom: 0.3em;
z-index: 1;
}
.anuncio-item .grid-title {
transition: color 0.3s;
}
.anuncio-item:hover .grid-title {
color: var(--arqdis-blue);
}
.recent-anuncio-subtitle {
font-weight: 500;
color: var(--arqdis-blue);
} .grid-post-thumbnail .course-types-icons {
position: absolute;
top: 15px;
right: 15px;
display: flex;
width: 20%;
max-width: 85px;
flex-direction: column;
gap: 15px;
z-index: 1;
} .course-type-labels {
display: flex;
flex-wrap: wrap;
gap: 0.3rem;
margin-top: 0.5em;
}
.course-type-label {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-10pt);
font-weight: 500;
letter-spacing: 0.02em;
text-transform: uppercase;
line-height: 1.2;
padding: 0.22em 0.55em;
} .course-program-labels {
margin-top: 0.5em; line-height: 1.9;
}
.course-program-label {
display: inline;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-10pt);
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
padding: 0.22em 0.55em; margin-right: 0.4rem;
color: #ffffff;
background-color: #000000;
} .course-edco-labels {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-top: 0.5em;
} .course-edco-label {
display: inline-block;
white-space: nowrap; margin-right: 0;
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}  .course-type-item-header svg {
width: 100%;
height: auto;
}
.course-type-item-header {
display: grid;
grid-template-columns: 1fr 3fr;
align-items: center;
column-gap: 1.5em;
}
.course-type-desc-item .grid-title {
text-transform: uppercase;
font-weight: 700;
margin-top: 0;
}
.course-type-desc-item nav.post-buttons {
margin-top: 0;
}
.course-type-desc-item .post-body {
margin-top: 0;
margin-bottom: 0;
}
.course-type-desc-item a.post-button {
margin-top: 0.4em;
padding-top: 0.6em;
padding-bottom: 0.6em;
}
.course-type-desc-item {
display: grid;
grid-template-columns: 1fr;
row-gap: min(max(20px, 3vw), 30px);
} button.video-load-button { border: none;
border-radius: 0;
padding: 0;
text-align: left;
background: transparent;
}
button.unloaded-video {
cursor: pointer;
position: relative;
}
button.unloaded-video figure::after {
content: "";
position: absolute;
display: block;
--play-btn-w: 10%;
width: var(--play-btn-w);
height: calc(16 * var(--play-btn-w) / 9);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/video-play.svg);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: saturate(0);
transition: filter 0.3s;
z-index: 3; } button.unloaded-video.vertical-video figure::after {
--play-btn-w: 15%; height: calc(
9 * var(--play-btn-w) / 16
); }
button.unloaded-video:hover figure::after {
filter: saturate(1);
}
button.video-load-button figure {
position: relative;
width: 100%;
} button.video-load-button.horizontal-video figure {
padding-bottom: 56.25%; height: 0;
} button.video-load-button.vertical-video figure {
padding-bottom: 177.78%; height: 0;
}
button.video-load-button figure img,
button.video-load-button figure iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
button.video-load-button[video-uri*="vimeo"] figure iframe {
width: 100%;
height: 100%;
} .contenido-fijo-item a.grid-post-link {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-grid-cerrado-blue.png);
border: 2px solid var(--arqdis-blue);
padding: 2em;
transition: border 0.3s;
}
.contenido-fijo-item:hover a.grid-post-link {
border: 2px solid var(--arqdis-magenta);
}
.contenido-fijo-subtitle {
margin-top: 0.7em;
}
.contenido-fijo-item .contenido-fijo-title {
color: var(--arqdis-blue);
transition: color 0.3s;
}
.contenido-fijo-item:hover .contenido-fijo-title {
color: var(--arqdis-magenta);
}
.contenido-fijo-item .contenido-fijo-subtitle {
color: var(--arqdis-blue);
transition: color 0.3s;
}
.contenido-fijo-item:hover .contenido-fijo-subtitle {
color: var(--arqdis-magenta);
}
.contenido-fijo-item.style-1 a.grid-post-link {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-grid-cerrado-blue.png);
}
.contenido-fijo-item.style-2 a.grid-post-link {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-grid-cerrado-cyan.png);
}
.contenido-fijo-item.style-3 a.grid-post-link {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-math-blue.png);
}
.contenido-fijo-item.style-4 a.grid-post-link {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-dots-cyan.png);
} .stamped-content.generic-template {
border: 2px solid var(--arqdis-magenta);
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-magenta.svg);
background-size: 40px auto;
padding: 20px;
position: absolute;
right: 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: min-content 1fr;
grid-auto-flow: dense;
grid-column-gap: 30px;
grid-row-gap: 15px;
}
.stamped-content .grid-title {
color: var(--arqdis-magenta);
}
.stamped-content .grid-subtitle {
color: var(--arqdis-blue);
}
.stamped-content.generic-template p {
grid-row: span 2;
}
.stamped-content.generic-template a {
background-color: var(--arqdis-blue);
padding: 0.6em;
display: block;
transition: background-color 0.3s;
}
.stamped-content.generic-template a:hover {
background-color: var(--arqdis-magenta);
}
.is-filtered .stamped-content {
display: none;
} .opciones-info-item h3 {
margin-bottom: 0.4em;
}
.opciones-info-item p:not(:last-child) {
margin-bottom: 0.7em;
}
.opciones-info-item p {
line-height: 1.4em;
}
.opciones-info-item > div:not(:last-child) {
margin-bottom: 1.5rem;
}
.contact-person > span {
display: block;
}
.contact-person > span:first-child {
font-weight: 700;
}
.contact-person > span:not(:first-child) {
font-size: 0.9em;
}
.opciones-cal-container {
overflow: hidden;
position: relative;
}
.opciones-cal-container::before,
.opciones-cal-container::after {
content: "";
position: absolute;
top: 0;
width: 65px;
height: 100%;
}
.opciones-cal-container::before {
left: 0;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 1) 13%,
rgba(255, 255, 255, 0) 100%
);
}
.opciones-cal-container::after {
right: 0;
background: linear-gradient(
-90deg,
rgb(255, 255, 255) 13%,
rgba(255, 255, 255, 0) 100%
);
}
.opciones-cal-container svg {
height: 97px;
user-select: none;
}
.opciones-cal-container .cal-event-movable {
transform: translateX(calc(-1 * var(--days-past) * var(--day-size)));
transition: transform 0.5s;
}
.opciones-info-closed .opciones-cal-container {
opacity: 0.4;
}
a.grid-button[disabled] {
white-space: nowrap;
}
.opciones-cal-container .cal-today-marker,
.opciones-cal-container .cal-today-marker + text {
animation-name: svg-twinkle;
animation-duration: 3s;
animation-iteration-count: infinite;
}
@keyframes svg-twinkle {
0%,
100%,
25%,
75% {
fill: rgba(0, 0, 0, 1);
}
50% {
fill: rgba(0, 0, 0, 0);
}
} .cal-marker {
fill: var(--arqdis-blue);
}
.cal-today-marker {
fill: black;
opacity: 1;
}
.cal-event-span {
fill: var(--arqdis-magenta);
}
.cal-event-mark-txt {
font-family: "Roboto Mono", monospace;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
} .edco-main-menu {
display: grid;
min-height: calc(100vh - var(--main-nav-h) - var(--edco-marquee-h));
grid-template-rows: calc(100vh - var(--main-nav-h) - var(--edco-marquee-h));
grid-auto-flow: column;
grid-auto-columns: minmax(0, 1fr);
}
.edco-main-menu,
.edco-nav-marquee {
--edco-marquee-h: 50px;
}
.logged-in .edco-main-menu {
min-height: calc(
100vh - var(--main-nav-h) - var(--edco-marquee-h) - var(--logged-in-h)
);
grid-template-rows: calc(
100vh - var(--main-nav-h) - var(--edco-marquee-h) - var(--logged-in-h)
);
}
.edco-main-menu a {
display: flex;
justify-content: center;
}
.edco-link-container {
max-width: 70%;
margin-top: 1.5em;
}
.edco-link-container span {
background-color: #1d1d1d;
padding: 0 0.3em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.edco-main-menu a:nth-child(4n + 1) {
background-color: var(--arqdis-cyan);
}
.edco-main-menu a:nth-child(4n + 2) {
background-color: var(--arqdis-blue);
}
.edco-main-menu a:nth-child(4n + 3) {
background-color: var(--arqdis-magenta);
}
.edco-main-menu a:nth-child(4n + 4) {
background-color: black;
}
.edco-nav-marquee {
background-color: #1d1d1d;
height: var(--edco-marquee-h);
}
.edco-main-menu {
background-color: #1d1d1d;
} .edco-main-menu a {
opacity: 1;
transition: opacity 0.3s;
}
.edco-link-container {
transition: margin-top 0.3s;
}
.edco-main-menu:hover a:not(:hover) {
opacity: 0.3;
}
.edco-main-menu:hover a:hover .edco-link-container {
margin-top: 1.2em;
} .post-related-list-nav {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 30px;
}
.post-related-list-nav a {
display: block;
padding: 1.5em 0.5em;
border-top: 2px solid black;
}
.post-related-list-nav a:nth-last-child(1),
.post-related-list-nav a:nth-last-child(2),
.post-related-list-nav a:nth-last-child(3) {
border-bottom: 2px solid black;
}
.post-related-list-nav
a:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
margin-top: -2px;
}
.post-related-list-nav a span {
display: block;
transition: transform 0.3s;
transform: translateX(0);
}
.post-related-list-nav a:hover span {
transform: translateX(0.3em);
}
.edco-contact-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 30px;
margin-top: max(4rem, min(7vw, 8rem));
padding-top: max(4rem, min(7vw, 8rem));
padding-bottom: max(4rem, min(7vw, 8rem));
}
.edco-contact-container:not(.form-over-black-bg) {
margin-top: 0;
}
.highlighted-edco-subtitle {
max-width: 8em;
margin-bottom: 0.5em;
}
.highlighted-edco-subtitle span {
background-color: black;
color: white;
padding: 0 0.2em;
box-decoration-break: clone;
}
.form-over-black-bg.form-cyan-accents .highlighted-edco-subtitle span {
background-color: cyan;
color: black;
}
.edco-contact-container p {
margin-bottom: 1.3em;
}
.edco-contact-container.simple-form-container .wpcf7-form {
margin: 0;
}
.edco-category-grid > .grid-container {
margin-top: calc(var(--grid-gutter-sz) * 0.8);
margin-bottom: calc(var(--grid-gutter-sz) * 0.8);
}
.edco-nav-marquee.cyan-marquee {
background-color: var(--arqdis-cyan);
color: black;
}
.edco-heading-area {
position: relative;
}
.edco-heading-bg {
position: absolute;
right: calc(50% + 30px);
top: 0;
z-index: -1;
width: 60%;
height: 100%;
object-fit: cover;
}
.edco-category-heading {
grid-template-columns: repeat(2, minmax(0, 1fr));
display: grid;
grid-column-gap: 30px;
padding: 35px 0;
}
.edco-category-title {
padding-right: 30px;
}
.edco-category-title * {
background: black;
color: white;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
padding: 0 0.2em;
}
.edco-category-text {
max-width: 700px;
}
.edco-category-text p {
margin-bottom: 1.4em;
} .edco-curso-cerrado a {
pointer-events: none;
}
.edco-curso-cerrado .grid-post-thumbnail.blue-on-hover img {
filter: grayscale(100%) contrast(0.2) brightness(1.7);
}
.edco-item.edco-curso-cerrado .grid-post-link[href]::after {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/no-disponible-temporalmente.svg);
} .edco-item .grid-title {
margin-top: 0.2em;
margin-bottom: 0.2em;
transition: color 0.3s;
}
.edco-item .edco-grid-subtitle {
margin-top: 0.5em;
display: block;
}
.edco-item .edco-grid-subtitle.cierre-proximo {
width: fit-content;
color: white;
background-color: var(--arqdis-magenta);
padding: 0.1em 0.2em;
}
.edco-item .edco-grid-subtitle.cierre-proximo time {
animation: twinkle;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.edco-item .edco-grid-type {
margin-top: 0;
}
.edco-item .beca-wrapper {
margin: -2% 0;
padding: 4%;
} main {
margin-top: max(1rem, min(3vw, 5rem)); padding-bottom: 3rem; min-height: 61vh; }
.clip-the-x {
overflow-x: hidden; padding-top: 6px;
}
.post-metadata,
.topics,
.post-related-people {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.topics {
margin-top: 0.8em;
}
h5.post-subtitle {
margin: 0;
}
h2.main-subtitle {
margin-bottom: 0.5em;
margin-top: 0.2em;
max-width: 850px;
}
.post-body {
margin-top: 1rem;
margin-bottom: 1.5rem;
max-width: 850px;
}
.post-body p:not(:first-child) {
margin-top: 1.2rem;
}
.post-body p:not(:last-child) {
margin-bottom: 1.2rem;
}
.post-body sup {
vertical-align: super;
font-size: 0.8em;
}
.post-body ul {
margin-bottom: 2rem;
}
.post-body ul:not(:first-child) {
margin-top: 2rem;
}
.post-metadata.metadata-list {
display: flex;
flex-wrap: wrap;
margin-top: 2rem;
}
.post-metadata:not(.metadata-list) span:not(:last-child):after {
content: "| ";
}
.post-metadata.metadata-list
span:not(:only-child):not(.no-separator):not(:last-child):after {
content: "|";
margin-right: 1rem;
}
.post-metadata.metadata-list span.no-separator {
margin-right: 0.6em;
}
.post-related-people > span:not(:last-child):after,
.related-people-subcurso > span:not(:last-child):after {
content: ", ";
white-space: pre;
} .post-body a:not(.not-default-link):not(.wp-block-button__link),
.post-related-people a,
a.form-link[href],
.wp-block-arqdis-plugin-author a[href],
.wp-block-arqdis-plugin-host a[href],
a[href].bold-on-hover,
a[href].bold-on-hover-body,
button.bold-on-hover,
button.bold-on-hover-body { transition: 0.3s;
-webkit-text-stroke-width: 0.05ex;
-webkit-text-stroke-color: transparent;
}
.post-body a:not(.not-default-link):not(.wp-block-button__link)[href]:hover,
.post-related-people a[href]:hover,
a.form-link[href]:hover,
.wp-block-arqdis-plugin-author a[href]:hover,
.wp-block-arqdis-plugin-host a[href]:hover,
a[href].bold-on-hover:hover,
a[href].bold-on-hover-body:hover,
button.bold-on-hover:hover,
button.bold-on-hover-body:hover {
-webkit-text-stroke-color: currentColor;
} .topics a,
.topics span,
.tag-archive-title,
.topics-filter button.topic-button-filter {
display: inline-block;
background-color: var(--arqdis-blue);
color: white;
padding: 0.48em;
transition: 0.2s;
text-decoration: none;
}
.topics a,
.topics span,
.tag-archive-title,
.topics-filter button.topic-button-filter,
.filter-tax-divider {
margin: 0 0.6em 0.6em 0;
}
.tag-archive-title {
padding: 0.3em;
}
.topics a:hover,
.topics a:focus {
background-color: magenta;
}
.cover-container {
width: 100%;
max-width: 510px; position: relative;
left: 0;
padding: inherit;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.cover-container img:only-child,
.cover-container img:not(.over-content-slider-handle):last-child {
margin-bottom: 1rem;
} .course-thumbnail-wrapper img {
margin-bottom: 0 !important;
}
.cover-container img {
width: 100%;
height: auto;
}
.cover-container .placeholder-image,
.grid-archive-item .placeholder-image {
width: 100%;
padding-top: 100%;
background-image:url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/placeholder-cover.svg);
background-size: contain;
background-repeat: no-repeat; }
.persona-item .grid-post-thumbnail.persona-thumbnail .placeholder-image {
height: 100%;
padding-top: 0;
}
.cover-container .placeholder-image.course-placeholder,
.grid-archive-item .placeholder-image.course-placeholder {
padding-top: 133.3333333%;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/placeholder-course.png);
}
.cover-container .placeholder-whitespace {
width: 100%;
padding-top: 120%;
margin-bottom: 0.6rem;
} .episode-platforms-box {
background-color: white;
padding: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
}
.episode-platforms-box h3 {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: var(--fz-16pt);
letter-spacing: 0.05em;
margin: 0 0 1rem 0;
text-transform: uppercase;
}
.episode-platforms-box a {
color: #000;
display: block;
font-family: "Roboto Mono";
font-size: 16.3px;
font-style: normal;
font-weight: 700;
line-height: 200%; text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.episode-platforms-box a::after {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-ne.svg);
background-repeat: no-repeat;
width: 1em;
height: 0.85em;
display: inline-block;
background-position: center center;
vertical-align: bottom;
margin-left: 0.1em;
margin-bottom: 0.35em;
}
.episode-platforms-box a:hover {
color: blue;
}
nav.post-buttons,
div.secondary-post-buttons {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1.2rem;
margin-top: 1rem;
margin-bottom: 1rem;
position: relative;
}
nav.post-buttons.contains-secondary-buttons {
overflow: hidden;
}
div.secondary-post-buttons {
margin-top: 0;
position: absolute;
width: 100%;
left: calc(100% + 0.6rem);
transition: left 0.3s;
}
button.post-button {
--secondary-button-count: 0;
position: relative;
transition:
right 0.3s,
margin-bottom 0.3s;
right: 0;
margin-bottom: 0;
}
button.post-button.showing-secondary-buttons {
right: calc(100% + 0.6rem);
margin-bottom: calc(
(var(--secondary-button-count) - 1) * (2em + 1.2em + 1.2rem)
); }
button.post-button.showing-secondary-buttons + div.secondary-post-buttons {
left: 0;
}
@media screen and (min-width: 992px) and (max-width: 1230px),
screen and (min-width: 768px) and (max-width: 972px) {
.secondary-post-buttons .optional-text {
display: none;
}
}
.layout-main-top nav.post-buttons {
display: none;
}
.post-buttons a,
.post-buttons button,
a.wp-block-button__link {
background: black;
text-align: center;
padding: 1em;
transition: 0.3s;
border: 0;
}
.post-buttons button {
cursor: pointer;
}
.post-buttons a:hover,
.post-buttons button:hover,
a.wp-block-button__link:hover {
background: var(--arqdis-blue);
}
.post-buttons span.contains-optional-text {
overflow-y: hidden;
max-height: 1em;
display: inline-block;
}
.post-buttons span.optional-text {
white-space: nowrap;
} .single-espacios main {
margin-top: 0;
position: relative; overflow: hidden;
}
div.top-margin-espacios {
height: max(1rem, min(3vw, 5rem)); }
div.draggable-bounds {
height: 100%;
width: 300%;
position: absolute;
left: -100%;
top: 0;
}
#espacios-main-info p,
#espacios-main-info span,
#espacios-main-info a,
#espacios-main-info h1 {
position: relative;
z-index: 2;
}
#espacios-main-info h1 {
pointer-events: none;
}
.tecnico .nombre:before {
content: "Técnico: ";
}
.tecnico.coordinador .nombre:before {
content: "Coordinador: ";
}
.tecnico .extension:before {
content: "ext: ";
}
.tecnico .extension {
white-space: nowrap;
}
a.facility-link {
display: inline-grid;
grid-template-columns: 2em auto;
align-items: center;
text-decoration: none;
grid-column-gap: 0.5em;
transition: 0.3s;
}
a.facility-link:first-child:not(:last-child) {
margin-right: 1em;
}
a.facility-link:nth-child(2) {
margin-top: 0.5em;
}
a.facility-link img {
height: 2em;
filter: brightness(0);
transition: inherit;
}
a.facility-link:hover,
a.facility-link:focus {
color: var(--arqdis-blue);
}
a.facility-link:hover img,
a.facility-link:focus img {
filter: brightness(1);
}
#espacios-main-info {
padding-bottom: 2rem;
}
#facility-image-container {
--longest-side: 28vmax;
position: relative;
height: calc(var(--longest-side) * 2);
z-index: 1;
}
#facility-image-container > div {
height: 100%;
width: 100%;
position: relative;
}
.facility-image {
position: absolute;
left: 45%;
transition: opacity 0.3s;
}
.facility-image.loading-image {
opacity: 0; }
.facility-image:not(.loading-image) {
opacity: 1;
}
.facility-image:hover {
cursor: grab;
}
.facility-image.ui-draggable-dragging {
cursor: grabbing;
}
.facility-image.landscape-img {
width: var(--longest-side);
max-width: 800px;
height: auto;
}
.facility-image.portrait-img {
height: var(--longest-side);
max-height: 800px;
width: auto;
}
.facility-image img {
object-fit: cover;
}
.facility-image.landscape-img img {
width: 100%;
}
.facility-image.portrait-img img {
height: 100%;
}
#facility-slider-container .gallery-nav {
display: none;
} #experience-video-container {
position: relative;
margin: 3rem 0;
width: 100%;
max-width: calc(
90vh * 1.78
); }
.experience-subtitle {
margin-bottom: 1.5rem;
margin-top: 2rem;
}
.experience-subtitle *:first-child:not(:last-child) {
margin-bottom: 0.5rem;
}
.experience-author {
text-align: right;
}
.experience-images-container {
width: 100%;
display: flex;
flex-direction: column;
}
.experience-images-container img {
max-width: 100%;
height: auto;
max-height: 90vh;
object-fit: contain;
}
.experience-image {
margin: 30px 0;
}
.experience-image:first-child {
margin-top: 0;
}
.layout-main-top .experience-image:first-child {
margin-top: 50px;
} .single-eventos .single-container {
max-width: var(--large-content-w);
}
time.fecha-evento {
display: flex;
min-height: 100%;
align-items: start;
justify-content: start;
padding-top: 0.8rem;
}
time.fecha-evento div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
time.fecha-evento span {
color: #b3b3b3;
padding-bottom: 5px;
}
time.fecha-evento.fecha-futura span {
color: black;
}
time.fecha-evento.fecha-futura span.evento-fecha-zona {
color: #b3b3b3;
}
time.fecha-evento.fecha-futura span.evento-fecha-mes {
color: magenta;
}
time.fecha-evento.evento-en-curso .evento-fecha-hora {
animation: twinkle;
animation-duration: 3s;
animation-iteration-count: 20; animation-timing-function: ease-in-out;
}
.evento-fecha-ano + .evento-fecha-hora {
margin-top: 0.4em;
}
.evento-fecha-inicio .evento-fecha-dia:only-child {
padding-bottom: 0;
}
.evento-fecha-inicio .evento-fecha-dia::after,
.evento-fecha-fin .evento-fecha-dia::before {
content: "―";
color: #b3b3b3;
}
.evento-fecha-inicio .evento-fecha-mes,
.evento-fecha-fin .evento-fecha-mes {
padding-bottom: 0;
}
.evento-fecha-inicio .evento-fecha-mes {
align-self: flex-start;
}
.evento-fecha-fin .evento-fecha-mes {
align-self: flex-end;
}
div.evento-video:nth-child(2),
#event-slider-container:nth-child(2) {
margin-top: 4rem;
}
div.parent-event-video {
margin-bottom: 3rem;
}
div.evento-video,
#event-slider-container {
margin-top: 3rem;
}
#event-slider-container > div {
margin-left: auto;
margin-right: auto;
}
.event-intitle,
.post-intitle {
margin-top: 2em;
margin-bottom: 1.2em;
}
.publication-index-title:not(:first-of-type) {
margin-top: 3em;
}
@keyframes twinkle {
0%,
100%,
25%,
75% {
opacity: 1;
}
50% {
opacity: 0;
}
}
.child-event-list li {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 2rem;
}
.child-event-list li,
.post-child-list li {
padding: 2rem 2rem;
border-top: 1px solid black;
}
.child-event-list li:last-of-type,
.post-child-list li:last-of-type {
border-bottom: 1px solid black;
}
.child-event-time {
white-space: nowrap;
margin: 0 1em;
}
.child-event-data {
display: flex;
flex-direction: column;
max-width: 95%;
}
.child-event-data > * {
max-width: max-content;
}
.child-event-prefix {
color: var(--arqdis-magenta);
}
.child-event-addtocal {
display: flex;
align-items: center;
margin-top: 0.8em;
}
.child-event-addtocal:before {
content: "";
display: block;
width: 1.3em;
height: 1.3em;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/add-to-calendar.svg);
margin-right: 0.5em;
transition: 0.5s;
}
.child-event-addtocal:hover:before {
transform: rotate(180deg);
}
li.past-event .child-event-time {
color: #b3b3b3;
}
.event-agenda-button {
background: black;
padding: 1em;
display: block;
text-align: center;
max-width: max-content;
margin-left: auto;
margin-top: 1.5em;
transition: 0.3s;
}
.event-agenda-button:hover {
background: var(--arqdis-blue);
}
div.logos-instituciones.logos-evento {
margin-top: 2rem;
}
.child-event-desc {
margin-top: 0.6em;
}
.child-event-video-button {
display: inline-block;
padding: 0.2em 0.5em;
background: black;
margin-top: 1em;
transition: background 0.3s;
}
.child-event-video-button:hover {
background: var(--arqdis-blue);
}
.child-event-list li.event-itinerary-date {
border-top: none;
display: grid;
grid-template-columns: max-content 1fr;
align-items: center;
grid-column-gap: 1em;
}
.event-itinerary-date::after {
content: "";
height: 1px;
background: black;
}
.event-itinerary-date:first-child {
padding-top: 0;
}
.event-itinerary-date:not(:first-child) {
margin-top: 1rem;
}
.event-itinerary-date ~ li {
border-top: 0;
}
.event-itinerary-date + li,
.event-itinerary-date
~ li:not(.event-itinerary-date + li):not(.event-itinerary-date) {
padding-top: 0;
}
.event-itinerary-date ~ li:not(.event-itinerary-date + li) .child-event-data {
border-top: 1px solid black;
}
.event-itinerary-date ~ li:not(.event-itinerary-date + li) > * {
padding-top: 2rem;
}
.event-itinerary-date ~ li:last-of-type {
padding-bottom: 4rem;
} .metadatos-subcurso span:not(:last-child):after {
content: " | ";
}
.post-body p.metadatos-subcurso {
margin-top: 0.4em;
margin-bottom: 0.8em;
}
.post-body p.related-people-subcurso {
margin-top: 0;
}
.subcurso .post-intitle {
margin-bottom: 0;
}
.horario-subcurso {
margin: 0.8em 0 1.25em;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.subcourse-weekdays {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 0.65em;
width: fit-content;
max-width: 100%;
margin-bottom: 0.9em;
}
.subcourse-weekday {
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
min-height: 2rem;
background: rgba(0, 0, 0, 0.11);
color: rgba(255, 255, 255, 0.9);
font-family: "Montserrat", sans-serif;
font-size: 1rem;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
}
.subcourse-weekday.is-active {
background: var(--arqdis-blue);
color: white;
}
.tabla-horario {
width: 100%;
align-self: stretch;
border-collapse: collapse;
}
.tabla-horario th,
.tabla-horario td {
text-align: left;
padding: 0.48em 0.7em;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.tabla-horario th {
font-family: "Roboto Mono", monospace;
font-size: 0.95em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
border-bottom: 2px solid black;
}
.tabla-horario td {
font-size: 1.05em;
line-height: 1.35;
}
.tabla-horario td:nth-child(1),
.tabla-horario td:nth-child(2) {
font-family: "Work Sans", sans-serif;
}
.tabla-horario tbody tr:last-child td {
border-bottom: none;
}
.modalidad-badge {
display: inline-block;
font-family: "Roboto Mono", monospace;
font-size: 0.73em;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.03em;
padding: 0.24em 0.58em;
border: 1px solid rgba(0, 0, 0, 0.25);
}
.modalidad-presencial,
.modalidad-virtual {
background-color: transparent;
color: inherit;
}
.horario-franja {
display: block;
}
.horario-fechas {
display: block;
font-family: "Roboto Mono", monospace;
font-size: 0.78em;
opacity: 0.7;
margin-top: 0.15em;
}
.subcourse-annotation {
margin: 0.7em 0 1em;
font-size: 0.85em;
line-height: 1.4;
opacity: 0.75;
}
@media screen and (max-width: 575px) {
.subcourse-weekdays {
gap: 0.28em;
margin-bottom: 0.65em;
}
.tabla-horario th,
.tabla-horario td {
padding: 0.36em 0.32em;
}
.tabla-horario th {
font-size: 0.8em;
}
.tabla-horario td {
font-size: 1em;
}
}
.no-wrap-inside {
white-space: nowrap;
}
.type-icon-abbr {
fill: white;
font-family: "Roboto Mono", monospace;
font-size: 19px;
font-weight: 700;
animation-name: notextfix;
text-transform: initial;
animation-iteration-count: 1;
animation-duration: 0.1s;
animation-fill-mode: forwards;
animation-delay: 0.3s;
} @keyframes notextfix {
0% {
fill: rgba(255, 255, 255, 0.99);
}
100% {
fill: white;
}
}
.cover-container .course-types-icons {
position: absolute;
top: 15px;
right: 15px;
display: flex;
width: 20%;
flex-direction: column;
gap: 15px;
}
.unavailable-course .cover-container .course-types-icons {
display: none;
}
.unavailable-course .cover-container img {
filter: grayscale(100%) contrast(0.2) brightness(1.7);
}
.informacion-extra-single {
padding-top: 2.5em;
margin-bottom: 1.5em;
position: relative;
}
.layout-main-top > .informacion-extra-single:first-child {
padding-top: 1em;
}
.informacion-extra-single:first-child .underline {
text-decoration: underline;
}
.informacion-extra-single a[href] {
color: gray;
text-transform: unset;
}
.informacion-extra-single::before {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/info-icon.svg);
width: 1.2em;
height: 1.2em;
display: block;
float: left;
position: relative;
left: 0;
top: 0.3em;
margin-right: 0.4em;
}
.layout-main-top > .informacion-extra-single:first-child::before {
animation-name: attention;
animation-duration: 1s;
animation-iteration-count: 5;
animation-delay: 1s;
}
@keyframes attention {
0%,
100% {
scale: 1;
}
50% {
scale: 1.4;
}
} div.logos-instituciones {
display: flex;
flex-wrap: wrap;
align-items: center;
filter: saturate(0);
}
div.logos-instituciones img {
max-height: 65px;
max-width: 100%;
width: auto;
height: auto;
padding-right: 30px;
padding-bottom: 15px;
box-sizing: content-box;
}
div.logos-instituciones span {
display: block;
margin: 0 1em 0.5em 0;
}
li.list-divider {
margin-bottom: 0.5em;
}
.research-team-list em {
color: gray;
} div.research-thumb-container {
position: relative;
}
.research-thumb-container.blue-cover-filter::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--arqdis-blue);
mix-blend-mode: screen;
}
.research-thumb-container.blue-cover-filter img {
filter: grayscale(1) brightness(0.8);
display: block;
position: relative;
z-index: -1;
}
div#croquis-colombia {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
div#croquis-colombia svg {
width: inherit;
max-width: 80%;
max-height: 80%;
}
.croquis-path {
fill: none;
stroke: white;
stroke-width: 2;
stroke-miterlimit: 10;
}
.placeholder-whitespace + #croquis-colombia .croquis-path {
stroke: var(--arqdis-blue);
}
.department-group {
display: none;
}
.department-group.active-department {
display: initial;
}
.croquis-text {
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
fill: white;
}
.pointer-circle {
fill: white;
stroke: none;
opacity: 0;
}
.placeholder-whitespace + #croquis-colombia .croquis-text,
.placeholder-whitespace + #croquis-colombia .pointer-circle {
fill: var(--arqdis-blue);
}
.active-department .pointer-circle {
animation: gps-pointer-appear;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes gps-pointer-appear {
0%,
100% {
opacity: 0;
}
25%,
75% {
opacity: 1;
}
} .post-body p.datos-semillero {
margin: 2em 0;
}
.datos-semillero span {
display: block;
}
.datos-semillero span:not(:first-child) {
margin-top: 1.2rem;
} .datos-clasificado > * {
display: block;
}
.datos-clasificado > :not(:first-child) {
margin-top: 1.2rem;
} .closed-classified h1,
.closed-classified h5,
.closed-classified span,
.closed-classified p,
.closed-classified .post-body a,
.closed-classified time,
.closed-classified .classified-label,
.closed-classified li,
.closed-classified .post-body p:nth-child(2):before,
.closed-classified .post-intitle,
.closed-classified .classified-related-links a {
color: #aaa;
}
.closed-classified .post-body a[href] {
color: gray !important;
}
.closed-classified .classified-related-links li a::before {
opacity: 0.3;
}
span.aviso-clasificado {
text-transform: uppercase;
}
span.aviso-clasificado,
time.is-upcoming {
color: magenta;
}
.post-body.clasificado-body ol,
.post-body.clasificado-body ul {
padding-left: 2em;
margin: 0 0 1.2em 0;
}
.clasificado-body ol {
list-style: decimal;
}
.clasificado-body ul {
list-style: square;
}
.single-clasificados .layout-heading h1.section-title:last-child {
margin-bottom: 1rem;
}
.concurso-side-info .post-intitle:first-of-type {
margin-top: 0.1em;
}
.concurso-side-info .post-intitle {
margin-bottom: 0.8em;
}
.classified-banner-container img {
max-width: 100%;
height: auto;
object-fit: cover;
max-height: 20vh;
}
.classified-banner-container {
margin-bottom: max(1rem, min(3vw, 5rem));
}
.classified-banner-container.grayed-out-banner {
filter: grayscale(1);
}
.classified-timeframe-item {
display: flex;
flex-direction: column;
}
.classified-timeframe-item.past-activity time,
.classified-timeframe-item.past-activity span {
color: #b3b3b3;
}
.classified-timeframe-item {
margin-bottom: 1em;
}
.classified-related-links li {
margin-bottom: 0.5em;
transform: translateX(0px);
transition: transform 0.3s;
}
.classified-related-links li:hover {
transform: translateX(5px);
}
.classified-related-links li a::after {
color: #b3b3b3;
font-size: 0.8em;
font-weight: 450;
}
.classified-related-links li a[href*=".zip"]::after {
content: ".zip";
}
.classified-related-links li a[href*=".pdf"]::after {
content: ".pdf";
}
.classified-related-links li a[href*=".docx"]::after {
content: ".docx";
}
.classified-related-links li a[href*=".xlsx"]::after {
content: ".xlsx";
}
.classified-related-links li a[href*=".txt"]::after {
content: ".txt";
}
.classified-related-links li a[href*=".rtf"]::after {
content: ".rtf";
}
.classified-related-links li a::before {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-ne.svg);
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
margin-right: 0.5em;
}
.classified-related-links li a[href*=".zip"]::before,
.classified-related-links li a[href*=".pdf"]::before,
.classified-related-links li a[href*=".docx"]::before,
.classified-related-links li a[href*=".xlsx"]::before,
.classified-related-links li a[href*=".txt"]::before,
.classified-related-links li a[href*=".rtf"]::before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-download.svg);
} .single-exposiciones main {
margin-top: calc(-1 * var(--main-nav-h));
--top-offset: var(--main-nav-h);
}
.layout-container-expo .layout-heading {
margin-top: var(--top-offset);
padding-top: max(1rem, min(3vw, 5rem));
}
.expo-content {
border-left: 2px solid black;
border-bottom: 2px solid black;
width: 100%;
max-height: calc(100vh + 2px);
overflow-y: auto;
overflow-x: hidden;
position: -webkit-sticky;
position: sticky;
top: 0;
scrollbar-width: none;
--expo-nav-h: 60px;
}
.logged-in .expo-content { max-height: calc(100vh + 2px - var(--logged-in-h));
top: var(--logged-in-h);
}
.expo-content::-webkit-scrollbar {
display: none;
}
.expo-content,
.expo-content figcaption {
padding: 0 15px;
}
.expo-content figure {
margin: 3rem -14px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.expo-content figure figcaption {
width: 100%;
}
.expo-content figure:not(:nth-last-child(2)) figcaption {
margin-bottom: 0;
}
.expo-content figure:first-child {
margin-top: 0;
}
.expo-content figure:nth-last-child(2) {
margin-bottom: 0;
}
img.expo-photo {
display: block;
height: auto;
width: auto;
max-width: 100%;
max-height: 80vh;
}
.expo-content figure a {
display: block;
}
nav.expo-navigation {
height: var(--expo-nav-h);
margin: 0 -15px;
display: flex;
flex-direction: row;
justify-content: space-between;
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
nav.expo-navigation div {
height: 100%;
display: flex;
}
nav.expo-navigation button {
margin: 0;
padding: 0;
border: 2px solid black;
border-bottom: none;
background: white;
display: block;
height: 100%;
cursor: pointer;
}
nav.expo-navigation button:hover:not(:disabled) {
background: var(--arqdis-blue);
}
nav.expo-navigation button:hover:not(:disabled) * {
filter: invert(1);
}
nav.expo-navigation button:disabled {
background: rgb(228, 228, 228);
opacity: 50%;
}
nav.expo-navigation button:disabled img {
opacity: 50%;
}
nav.expo-navigation button:disabled:hover {
cursor: not-allowed;
}
button.expo-prev img,
button.expo-next img {
display: block;
height: 100%;
width: auto;
}
nav.expo-navigation button.expo-index {
display: flex;
align-items: center;
border-left: none;
padding: 0 calc(var(--expo-nav-h) / 2);
}
button.expo-index img {
display: block;
height: 0.7em;
width: auto;
margin-left: 0.5em;
}
nav.expo-navigation button.expo-prev {
border-right: none;
}
.expo-thumbnail {
display: none;
} .expo-content.complex-content ul.expo-section-list,
.expo-content.middle-content ul.expo-section-list { padding-left: 50px;
}
.expo-content.complex-content ul,
.expo-content.middle-content ul { padding-left: 25px;
counter-reset: section;
}
.expo-content.complex-content ul.expo-image-list,
.expo-content.middle-content ul.expo-image-list {
margin-top: 3rem;
padding-left: 0;
}
ul.expo-image-list figure {
margin-left: 0;
}
.expo-section-title {
margin-top: 2em;
}
li.expo-project-title {
margin-top: 4em;
}
li.expo-project-title:first-child {
margin-top: 2.5em;
}
li.expo-section-title::before {
counter-increment: section;
content: counter(section, decimal-leading-zero) "_";
}
li.expo-project-title::before {
counter-increment: section;
content: counters(section, ".") "_";
}
.show-more-button {
background: none;
border: none;
margin: 0;
padding: 0;
cursor: pointer;
}
.post-body.hidden-project-desc {
margin-top: 0.5rem;
}
.hidden-project-desc > p {
display: none;
}
.expo-index-title {
display: none;
}
nav.expo-index {
display: grid;
min-height: calc(2px + 100vh);
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
grid-auto-flow: row;
position: relative;
z-index: 2;
margin: 0 -15px;
background: white;
counter-reset: section-button;
}
button.expo-section-shortcut {
background: none;
margin: 0;
position: relative;
padding: 10px 3em;
border: none;
border-top: 2px solid black;
text-align: left;
counter-increment: section;
transition:
color 0.2s,
background 0.2s;
}
button.expo-section-shortcut:first-child {
border-top: none;
}
button.expo-section-shortcut:last-child {
border-bottom: 2px solid black;
}
button.expo-section-shortcut::before {
content: counter(section, decimal-leading-zero) "_";
font-size: 0.5em;
position: absolute;
display: flex;
left: 3.8em;
line-height: 3em;
}
button.expo-section-shortcut:hover {
color: white;
background: var(--arqdis-blue);
cursor: pointer;
}
.figure-anchor iframe {
max-width: 100%;
} img.img80-percent-of-cover {
width: 80%;
}
.cover-container.center-cover {
text-align: center;
}
.related-pub-title {
display: none;
}
.related-pub-text {
margin-top: 15px;
text-align: left;
}
.related-pub-text span {
display: block;
}
.related-pub-links {
display: grid;
grid-template-columns: repeat(3, auto);
grid-column-gap: 10px;
justify-items: center;
align-items: center;
margin-top: 20px;
margin-bottom: 30px;
}
.related-pub-links a,
.related-pub-links button {
display: block;
background: black;
width: 100%;
transition: background 0.3s;
padding: 0.3em;
border: none;
}
.related-pub-links button {
cursor: pointer;
}
.related-pub-links a:hover,
.related-pub-links button:hover {
background: var(--arqdis-blue);
}  div.nota-banner-container,
div.episode-banner-container {
position: relative;
min-height: 70vh;
margin-top: calc((var(--top-margin) * 2 + var(--logo-h)) * -1);
display: flex;
flex-direction: column; justify-content: flex-end; overflow: hidden;
}
div.banner-image-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
filter: brightness(0.9);
}
.blue-cover {
background: linear-gradient(
0deg,
rgb(0, 0, 255) 0%,
rgb(0, 0, 255) 55%,
rgb(255, 255, 255) 100%
);
}
.red-cover {
background: linear-gradient(
0deg,
var(--arqdis-red) 0%,
var(--arqdis-red) 55%,
rgb(255, 255, 255) 100%
);
}
.banner-image-wrapper img {
filter: grayscale(1);
z-index: 0;
}
.banner-image-wrapper::before,
.banner-image-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-image-wrapper::before {
mix-blend-mode: screen;
z-index: 1;
}
.banner-image-wrapper::after {
background: linear-gradient(0deg, rgb(0, 0, 0) -20%, rgba(0, 0, 255, 0) 90%);
z-index: 2;
}
.banner-image-wrapper.blue-cover::before {
background-color: var(--arqdis-blue);
}
.banner-image-wrapper.red-cover::before {
background-color: var(--arqdis-red);
}
.banner-image-wrapper.cyan-cover::before {
background-color: var(--arqdis-cyan);
}
.banner-image-wrapper.magenta-cover::before {
background-color: var(--arqdis-magenta);
}
div.banner-image-wrapper img {
object-fit: cover;
object-position: 50% 50%;
height: 100%;
width: 100%;
}
.top-banner-alignment div.banner-image-wrapper img {
object-position: 50% 0%;
}
.center-banner-alignment div.banner-image-wrapper img {
object-position: 50% 50%;
}
.bottom-banner-alignment div.banner-image-wrapper img {
object-position: 50% 100%;
}
div.nota-banner-container .section-title,
div.episode-banner-container .section-title {
max-width: var(--medium-content-w);
width: 100%;
margin: 2em auto;
margin-bottom: 0.5em;
align-self: auto; padding-left: var(--min-side-margin) !important;
padding-right: var(--min-side-margin) !important;
color: white;
white-space: normal; overflow-wrap: anywhere; word-break: normal;
}
main.no-title .post-body,
main.no-title .wp-block-arqdis-plugin-subtitle,
main.no-title .topics {
margin-top: 0;
}
main.no-title {
margin-top: max(1rem, min(5vw, 5rem));
} .wp-block-arqdis-plugin-subtitle {
margin: 0.8em 0;
} time.wp-block-arqdis-plugin-post-date {
display: block;
margin: 0.5em 0;
} h6.wp-block-arqdis-plugin-author {
margin: 0.5em 0;
margin-bottom: 2em;
}
h6.wp-block-arqdis-plugin-author:before {
content: "Por: ";
} .single-podcast_episode h6.wp-block-arqdis-plugin-author:before,
.postid-podcast_episode h6.wp-block-arqdis-plugin-author:before,
body.post-type-podcast_episode h6.wp-block-arqdis-plugin-author:before {
content: "Anfitrión: ";
} h6.wp-block-arqdis-plugin-host {
margin: 0.5em 0;
margin-bottom: 2em;
}
h6.wp-block-arqdis-plugin-host:before {
content: "Anfitrión: ";
} p.wp-block-arqdis-plugin-parent-podcast {
margin: 0.5em 0;
margin-bottom: 2em;
font-size: var(--fz-16pt);
line-height: var(--fz-24pt);
font-family: "Roboto Mono", monospace;
font-weight: 700;
color: blue;
text-transform: uppercase;
} h6.wp-block-arqdis-plugin-host {
margin: 0.5em 0;
margin-bottom: 2em;
}
h6.wp-block-arqdis-plugin-host:before {
content: "Anfitrión: ";
} h6.wp-block-arqdis-plugin-intitle {
position: relative;
color: white;
padding: 0.08em;
margin-top: 3em;
margin-bottom: 1.5em;
}
h6.wp-block-arqdis-plugin-intitle div span {
min-width: 100%;
display: inline-block;
}
h6.wp-block-arqdis-plugin-intitle div span {
position: relative;
z-index: 2;
}
h6.wp-block-arqdis-plugin-intitle div span:not(:first-child) {
margin-top: 8px;
}
h6.wp-block-arqdis-plugin-intitle div span:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100%;
background-color: var(--arqdis-blue);
z-index: -1;
} figure.wp-block-image,
figure.wp-block-embed {
margin: 3rem 0;
}
.info-page-content figure.wp-block-image,
.info-page-content figure.wp-block-embed {
margin: 2rem 0;
}
figure.wp-block-image,
figure.wp-block-image img {
max-width: 100%;
height: auto;
}
figure.wp-block-image img,
figure.wp-block-embed div.wp-block-embed__wrapper {
margin-bottom: 1rem;
}
figure.wp-block-image.is-style-float-left {
--float-margin: 3%;
--float-offset: max(
0px,
calc(
(100vw - var(--medium-content-w)) / 2 + var(--min-side-margin) -
var(--float-margin)
)
);
float: left;
max-width: 50%;
--inverted-float-offset: calc(-1 * var(--float-offset));
margin-left: max(var(--inverted-float-offset), -18%);
margin-right: 2rem;
margin-top: 0.5rem;
margin-bottom: -5px;
}
figure.wp-block-image.is-style-float-left:first-child {
margin-top: 1.7rem;
} figure.wp-block-audio {
margin: 2.5em 0;
} [class*="wp-block"] figcaption,
span.text-caption,
figcaption.text-caption {
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 0.8em;
justify-content: start;
text-align: left;
margin-top: 0;
margin-bottom: 1em;
}
.wp-block-audio figcaption {
margin-top: 0.5em;
}
[class*="wp-block"] figcaption:before,
span.text-caption:before,
figcaption.text-caption:before {
content: "";
width: 0;
height: 0;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
border-bottom: 1em solid black;
display: inline-block;
position: relative;
top: 0.1em;
}
span.text-caption,
figcaption.text-caption {
margin-top: 0.8em;
} div.wp-block-arqdis-plugin-quote {
max-width: 100%;
}
blockquote.wp-block-arqdis-plugin-quote {
margin: 2em 0;
padding: 0.5em 0;
}
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote {
position: relative;
min-width: 140%;
padding: 2em 0;
}
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote:before,
blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote:before,
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote:before {
content: "";
display: block;
margin-left: -50vw;
height: 100%;
width: 150vw;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote:before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid.svg);
background-size: 100px auto; background-repeat: repeat;
} blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote:before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-dots.svg);
background-size: 180px auto; background-repeat: repeat;
}
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote:before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-math.svg);
background-size: 180px auto; background-repeat: repeat;
} .single-podcast_episode
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote:before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-podcast.svg);
}
.single-podcast_episode
blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote:before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-dots-podcast.svg);
}
.single-podcast_episode
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote:before {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-math-podcast.svg);
} .has-arqdis-blue-background-color {
background-color: var(--arqdis-blue);
}
.has-arqdis-blue-color {
color: var(--arqdis-blue);
} .single-podcast_episode blockquote.wp-block-arqdis-plugin-quote {
color: var(--arqdis-red);
}
.single-podcast_episode h6.wp-block-arqdis-plugin-intitle div span:before {
background-color: var(--arqdis-red);
}
.has-arqdis-magenta-background-color {
background-color: magenta;
}
.has-arqdis-magenta-color {
color: magenta;
}
.has-arqdis-cyan-background-color {
background-color: cyan;
}
.has-arqdis-cyan-color {
color: cyan;
}
.has-arqdis-black-background-color {
background-color: black;
}
.has-arqdis-black-color {
color: black;
}
.has-arqdis-white-background-color {
background-color: white;
}
.has-arqdis-white-color {
color: white;
}
.has-arqdis-grey-background-color {
background-color: #9b9b9b;
}
.has-arqdis-grey-color {
color: #9b9b9b;
} iframe.instagram-media {
margin: 3rem 0 !important;
} a.wp-block-button__link {
color: white;
padding: 0.7em;
border-radius: unset;
cursor: pointer;
display: inline-block;
margin: 1.2em 0;
text-align: left;
}
a.wp-block-button__link[target="_blank"] {
cursor: alias;
} .arqdis-has-small-indent {
margin-left: 10px;
}
.arqdis-is-footnote {
color: #9b9b9b;
position: relative;
font-size: 0.9em;
line-height: 1em;
}
.arqdis-is-footnote sup {
position: absolute;
top: 0;
right: 100%;
margin-right: 0.3em;
}
.arqdis-is-footnote:not(.arqdis-is-footnote ~ .arqdis-is-footnote) {
border-top: 1px solid black;
padding-top: 20px;
margin-top: 60px;
}
.arqdis-is-footnote:not(.arqdis-is-footnote ~ .arqdis-is-footnote) sup {
top: 20px;
}  .single-podcasts .podcast-two-column {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
grid-column-gap: 8%;
align-items: start;
margin-top: 1rem;
} .single-podcasts .podcast-two-column .cover-container {
max-width: none;
width: 100%;
padding: 0; box-sizing: border-box;
}
.single-podcasts .podcast-two-column .cover-container img {
display: block; width: 100%;
height: auto;
} .single-podcasts .cover-container {
max-width: none;
width: 100%;
padding: 0;
}
.single-podcasts .cover-container img {
width: 100%;
height: auto;
display: block;
}
.single-podcasts .podcast-left {
display: flex;
flex-direction: column;
} .single-podcasts .podcast-episodes-heading-left {
margin-top: 2rem;
} .single-podcasts .podcast-episodes-list-container {
grid-column: span 2;
display: flex;
justify-content: center;
}
.podcast-episode-link {
display: flex;
flex-direction: row;
gap: 2rem;
}
.single-podcasts .podcast-episodes-list-container .podcast-episode-list {
width: 100%;
max-width: var(--grid-content-w);
} .single-podcasts .layout-bottom-row.podcast-episodes-list-container {
grid-column: span 3;
width: 100%;
max-width: var(--grid-content-w);
margin: 0 auto;
}
.single-podcasts
.layout-bottom-row.podcast-episodes-list-container
.post-child-list {
width: 100%;
}
.podcast-buttons {
display: flex;
flex-direction: column;
}
.podcast-info > * {
display: block;
}
.podcast-episode-list {
--episode-count: 0;
counter-reset: episodio var(--episode-count);
}
.podcast-buttons img {
width: 2.5rem;
height: auto;
margin-bottom: 0.5rem;
}
.podcast-buttons button {
border: none;
background: transparent;
padding: 0;
margin: 0;
}
.podcast-buttons a,
.podcast-buttons button {
filter: hue-rotate(0deg);
transition: filter 0.3s;
cursor: pointer;
}
.podcast-buttons a:hover,
.podcast-buttons button:hover {
filter: hue-rotate(-55deg);
}
.podcast-stop {
display: none;
}
.podcast-info > .podcast-embed {
height: 0;
margin-top: 0;
overflow: hidden;
transition:
height 0.3s,
margin-top 0.3s;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/loading-dots-magenta.gif);
background-repeat: no-repeat;
background-position: center;
background-size: auto 30px;
}
.podcast-info > .podcast-embed.active-episode {
height: 100px;
margin-top: 1rem;
}
.podcast-episode-hosts > p:first-child::before {
content: "Anfitrión: ";
} .info-page-content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 4fr);
grid-column-gap: 35px;
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
background-color: white;
}
.info-page-mobile-selector {
display: none;
}
.index-track {
box-shadow: 3px 7px 5px rgba(0, 0, 0, 0.05);
}
body.single-informacion {
position: relative;
}
.info-page-background {
position: absolute;
width: 100%;
height: calc(100% - var(--main-nav-h) * 6);
left: 0;
bottom: 0;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-grid-abierto-blue.png);
z-index: -1;
}
.info-page-background.has-program-header {
height: calc(100% - var(--main-nav-h) * 6 - 80vh);
}
.info-page-heading {
margin-bottom: 2em;
}
.info-page-heading.has-program-header {
margin-bottom: 0.1em;
}
.info-page-heading.has-program-header .info-page-slogan {
display: none;
}
.info-page-content .table-of-contents {
padding: 15px;
position: sticky;
top: 0px;
overflow-y: auto;
--max-table-h: 100vh;
max-height: var(--max-table-h);
scrollbar-width: none;
-ms-overflow-style: none;
}
.info-page-content .table-of-contents::-webkit-scrollbar {
display: none;
}
.logged-in .info-page-content .table-of-contents {
top: var(--logged-in-h);
--max-table-h: calc(100vh - var(--logged-in-h));
}
.info-page-content .table-of-contents h6 {
padding-bottom: 0.3em;
}
.info-page-content .table-of-contents li,
.info-page-content .table-of-contents li ul {
margin-bottom: 1.3em;
}
.info-page-content .table-of-contents li.has-child-anchors {
margin-bottom: 0.5em;
}
.info-page-content .table-of-contents li ul li {
margin-bottom: 0.4em;
}
.info-page-content .table-of-contents li ul {
padding-left: 1em;
}
.info-page-content .table-of-contents li a {
display: block;
transform: translateX(0px);
transition:
color 0.1s,
transform 0.3s;
}
.info-page-content .table-of-contents li a:hover {
transform: translateX(5px);
}
.info-page-main {
max-width: 900px;
padding: 30px;
padding-bottom: 100px;
}
.info-section {
padding-left: 15px;
}
.info-page-main li {
list-style: square;
margin-left: 1em;
}
.info-page-main p,
.info-page-main li {
margin-bottom: 0.7em;
}
.wp-block-arqdis-plugin-section-title {
padding-top: 1.7em;
padding-bottom: 0.7em;
}
.wp-block-arqdis-plugin-section-title:first-child {
padding-top: 0.7em;
}
.info-page-main [class*="wp-block"] figcaption {
display: initial;
}
.info-page-main [class*="wp-block"] figcaption::before {
margin-right: 10px;
}
.info-page-heading-wrapper {
position: relative;
width: max-content;
max-width: 100%;
}
.info-page-slogan.marquee-slogan {
height: 1.5em;
display: flex;
align-items: center;
background-color: var(--arqdis-blue);
margin-top: 0.5em;
position: absolute;
width: 100%;
}
.info-page-content .table-of-contents .info-page-download-link a,
.info-page-content .table-of-contents .info-page-contact-link a {
color: black;
display: grid;
grid-template-columns: min-content auto;
grid-column-gap: 0.5em;
align-items: center;
margin-bottom: 1.3em;
}
.info-page-download-link a::before {
content: "";
display: block;
width: 1.5em;
height: 1.5em;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/download-facilities.svg);
background-size: contain;
filter: brightness(0);
}
.info-page-main .wpcf7-form {
padding-left: 15px;
padding-right: 15px;
margin-top: 0 !important;
box-shadow: none;
}
.info-page-contact-form form {
margin: 0;
}
.info-page-contact-form-container {
display: grid;
grid-template-columns: 1fr 1.3fr;
margin: 4rem 0;
grid-column-gap: 50px;
}
.info-page-contact-form-label {
position: relative;
}
.info-page-contact-form-label-sticky {
position: sticky;
top: 2rem;
}
.info-page-contact-subtitle {
margin-top: 0.5em;
}
.info-page-2,
.interactive-program-container {
margin-top: 50px;
}
nav.pdf-file-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 25px;
margin: 25px 0;
}
nav.pdf-file-grid span {
display: block;
margin-top: 0.3em;
}
nav.pdf-file-grid img {
max-width: 100%;
height: auto;
filter: grayscale(0%);
transition: filter 0.3s;
}
nav.pdf-file-grid a:hover img {
filter: grayscale(100%);
}
nav.pdf-file-grid figure {
display: block;
position: relative;
}
nav.pdf-file-grid figure::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: blue;
mix-blend-mode: screen;
left: 0;
top: 0;
opacity: 0;
transition: 0.3s;
}
nav.pdf-file-grid a:hover figure::after {
opacity: 1;
} .info-page-1 .index-track {
position: relative;
}
.info-page-1 {
--page-1-h: 100%;
--page-2-h: 0px;
--page-gap: 0px;
--mask-gradient-sz: 30px;
}
.info-page-1 .full-page-track {
position: absolute;
width: 100%;
height: calc(var(--page-1-h) + var(--page-gap) + var(--page-2-h));
mask-image: linear-gradient(
black 0px,
black calc(var(--page-1-h) - var(--mask-gradient-sz)),
transparent var(--page-1-h),
transparent calc(var(--page-1-h) + var(--page-gap)),
black calc(var(--page-1-h) + var(--page-gap) + var(--mask-gradient-sz))
);
-webkit-mask-image: linear-gradient(
black 0px,
black calc(var(--page-1-h) - var(--mask-gradient-sz)),
transparent var(--page-1-h),
transparent calc(var(--page-1-h) + var(--page-gap)),
black calc(var(--page-1-h) + var(--page-gap) + var(--mask-gradient-sz))
);
background: white;
} .interactive-program-container {
position: relative;
display: grid;
grid-template-columns: auto auto;
justify-content: center;
grid-gap: 50px;
}
.programa-pregrado.interactive-program-container {
max-width: unset;
} .programa-arq.interactive-program-container {
grid-template-columns: min(70vw, calc(85vh * 1.5876980762)) auto;
}
.programa-mam.interactive-program-container {
grid-template-columns: min(70vw, calc(85vh * 1.2899351098)) auto;
}
.interactive-program-container .program-svg-container,
.interactive-program-container .program-dynamic-info-container {
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
background-color: white;
}
.program-svg-container svg {
height: auto;
padding: 25px;
max-width: 100%;
max-height: 70vh;
min-width: 500px;
width: auto;
min-height: 650px;
}
.programa-pregrado .program-svg-container svg {
max-height: 85vh;
width: 100vw;
}
.programa-mam .program-svg-container svg {
max-height: 95vh;
}
.programa-posgrado .program-svg-container svg {
height: 100vh;
}
.program-right-dialog-window {
width: 25vw; min-width: 350px;
position: relative;
display: none; }
@media screen and (max-width: 992px) {
.program-right-dialog-window {
display: none; } }
@media screen and (min-width: 1500px) {
.programa-dis.interactive-program-container .program-svg-container,
.programa-mdis.interactive-program-container .program-svg-container {
display: block !important;
}
}
.program-dynamic-info-container {
padding: 25px;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .related-courses-nav h6 {
margin-bottom: 0.2em;
} .related-courses-nav h6:not(:first-child) {
margin-top: 1em;
}
.descripcion-oferta {
margin-bottom: 0.8em;
}
.course-title {
margin-bottom: 0.5em;
}
.course-type-desc {
margin-bottom: 25px;
}
.related-courses-nav {
display: flex;
flex-direction: column;
}
.related-courses-nav a,
a.only-course-option {
display: flex;
flex-direction: column;
margin-bottom: 0.5em;
margin-left: 4px;
transform: translateX(0);
transition: transform 0.3s;
}
a.only-course-option {
margin-left: 0;
flex-direction: row;
}
a.only-course-option::after {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-ne.svg);
width: 1em;
height: auto;
vertical-align: middle;
background-repeat: no-repeat;
margin-left: 0.2em;
}
.related-courses-nav a .course-code {
font-size: 0.8em;
color: var(--arqdis-gray);
}
.related-courses-nav a[href]:hover,
a.only-course-option:hover {
transform: translateX(5px);
cursor: alias;
}
.course-type-desc p {
margin-bottom: 1em;
}
.course-type-icon {
max-width: 40%;
max-height: 95px;
margin-bottom: 20px;
}
.program-static-image {
display: none;
width: 100%;
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1500px) {
.program-static-image {
display: block;
}
}
.clickable-course {
cursor: pointer;
}
.program-accordion-detail .clickable-course:hover {
transform: none !important;
}
.program-dynamic-info-close-btn {
display: none;
}
.download-study-plan-button {
display: block;
background: black;
transition: background 0.3s;
padding: 0.3em;
position: absolute;
right: calc(100% + 50px);
top: 100%;
margin-top: 25px;
white-space: nowrap;
}
.download-study-plan-button:hover {
background: var(--arqdis-blue);
}
.plan-contiene-boton-descargable ~ .info-page-2 {
margin-top: 105px;
} main.landing-main {
margin-left: 15px;
margin-right: 15px;
} .anuncio-paper-doc {
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
background-color: white;
}
.anuncio-paper-doc-content {
padding: calc(var(--min-side-margin) * 1.5) calc(var(--min-side-margin) * 2);
}
.anuncio-main-wrapper {
padding: max(1rem, min(3vw, 5rem)) 0;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/contenidos-fijos/patron-grid-abierto-blue.png);
margin-bottom: calc(min(5vw, 90px) * -1 - 50px);
padding-bottom: calc(min(5vw, 90px) + 50px);
}
.anuncio-attachments-container {
margin-top: 3rem;
display: flex;
justify-content: flex-end;
}
.anuncio-attachments-container .anuncio-paper-doc {
padding: 25px 50px;
position: relative;
}
.anuncio-clip {
position: absolute;
width: 30px;
top: 0;
left: 10px;
transform: translateY(-50%);
}
.anuncio-attachments-heading {
display: none;
}
.anuncio-banner {
display: block;
object-fit: cover;
width: calc(100% + var(--min-side-margin) * 4);
max-width: unset;
height: auto;
max-height: 30vh;
margin-left: calc(var(--min-side-margin) * -2);
margin-top: calc(var(--min-side-margin) * -1.5);
margin-bottom: 2rem;
}
.anuncio-inline-img {
max-width: 40%;
height: auto;
float: right;
padding: 0 0 30px 30px;
margin-right: -5%;
}
.anuncio-lista {
column-count: 2;
gap: 30px;
margin-top: 30px;
}
.anuncio-lista-item {
margin-bottom: 1.2em;
display: flex;
flex-wrap: wrap;
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
}
.anuncio-lista-mes {
margin-bottom: 0.7em;
}
.anuncio-lista-mes:not(.anuncio-lista-item-parent + .anuncio-lista-mes) {
margin-top: 2.8em;
}
.anuncio-lista-item-name {
width: 100%;
flex-shrink: 0;
line-height: 1.3em;
}
.anuncio-lista-item-name:not(:only-child) {
margin-bottom: 0.3em;
}
.anuncio-lista-subitem:not(:last-child) {
margin-right: 6px;
}
.anuncio-lista-item-parent {
margin-bottom: 1em;
}
.anuncio-lista-item-parent:not(:first-child) {
margin-top: 3em;
}
.anuncio-lista-subitem {
line-height: 2.2em;
}
.anuncio-lista-subitem span {
color: white;
background-color: var(--arqdis-magenta);
box-decoration-break: clone;
padding: 0.2em;
} html.global-smooth-scroll {
scroll-behavior: smooth;
}
div.keep-aspect-16-9,
figure.wp-embed-aspect-16-9 > div,
div.keep-aspect-4-3,
figure.wp-embed-aspect-4-3 > div,
div.keep-aspect-21-9,
figure.wp-embed-aspect-21-9 > div,
div.keep-aspect-18-9,
figure.wp-embed-aspect-18-9 > div,
div.keep-aspect-1-1,
figure.wp-embed-aspect-1-1 > div,
div.keep-aspect-9-16,
figure.wp-embed-aspect-9-16 > div,
div.keep-aspect-1-2,
figure.wp-embed-aspect-1-2 > div {
position: relative;
padding-bottom: 56.25%; height: 0;
width: 100%;
}
div.keep-aspect-16-9,
figure.wp-embed-aspect-16-9 > div {
padding-bottom: 56.25%; }
div.keep-aspect-4-3,
figure.wp-embed-aspect-4-3 > div {
padding-bottom: 75%; }
div.keep-aspect-21-9,
figure.wp-embed-aspect-21-9 > div {
padding-bottom: 42.86%; }
div.keep-aspect-18-9,
figure.wp-embed-aspect-18-9 > div {
padding-bottom: 50%; }
div.keep-aspect-1-1,
figure.wp-embed-aspect-1-1 > div {
padding-bottom: 100%; }
div.keep-aspect-9-16,
figure.wp-embed-aspect-9-16 > div {
padding-bottom: 177.78%; }
div.keep-aspect-1-2,
figure.wp-embed-aspect-1-2 > div {
padding-bottom: 200%; }
div.keep-aspect-16-9 iframe,
figure.wp-embed-aspect-16-9 > div iframe,
div.keep-aspect-4-3 iframe,
figure.wp-embed-aspect-4-3 > div iframe,
div.keep-aspect-21-9 iframe,
figure.wp-embed-aspect-21-9 > div iframe,
div.keep-aspect-18-9 iframe,
figure.wp-embed-aspect-18-9 > div iframe,
div.keep-aspect-1-1 iframe,
figure.wp-embed-aspect-1-1 > div iframe,
div.keep-aspect-9-16 iframe,
figure.wp-embed-aspect-9-16 > div iframe,
div.keep-aspect-1-2 iframe,
figure.wp-embed-aspect-1-2 > div iframe {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
max-height: 100%;
}
.expo-video-thumbnail-wrapper {
position: relative;
overflow: hidden;
background: #000;
z-index: 0;
}
.expo-video-thumbnail-link {
position: absolute;
inset: 0;
display: block;
background: #000;
}
.expo-video-thumbnail-link img.expo-video-thumbnail-image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
z-index: 0;
}
.expo-video-thumbnail-overlay {
position: absolute;
inset: 0;
background: transparent;
transition: background 0.2s ease;
z-index: 1;
}
.expo-video-thumbnail-logo {
position: absolute;
top: 50%;
left: 50%;
width: 72px;
height: auto;
transform: translate(-50%, -50%);
transition: transform 0.2s ease;
z-index: 2;
pointer-events: none;
}
.expo-video-thumbnail-link:hover .expo-video-thumbnail-overlay,
.expo-video-thumbnail-link:focus .expo-video-thumbnail-overlay {
background: rgba(0, 0, 0, 0.32);
}
.expo-video-thumbnail-link:hover .expo-video-thumbnail-logo,
.expo-video-thumbnail-link:focus .expo-video-thumbnail-logo {
transform: translate(-50%, -50%) scale(1.04);
}  .video-item {
height: auto !important;
min-height: fit-content;
} .video-item.vertical-video figure {
max-height: 80vh;
} button.video-load-button.unloaded-video iframe[src=""] {
display: none !important;
} button.video-load-button.unloaded-video figure img {
z-index: 2; } button.video-load-button:not(.unloaded-video) figure img {
z-index: -1; } .podcast-episode-item {
display: flex;
flex-direction: column;
}
.podcast-episode-item .grid-post-link.podcast-episode-link {
display: flex;
flex-direction: row;
gap: 16px;
align-items: flex-start;
padding: 12px;
background-color: white;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.podcast-episode-item .grid-post-thumbnail.podcast-episode-thumbnail {
width: 72px;
height: 72px;
flex-shrink: 0;
margin: 0;
overflow: hidden;
}
.podcast-episode-item .grid-post-thumbnail.podcast-episode-thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: top;
}
.podcast-episode-item .podcast-episode-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
flex: 1;
min-width: 0;
}
.podcast-episode-item .podcast-episode-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.podcast-episode-item .grid-title {
margin: 0;
font-size: var(--fz-16pt);
line-height: 1.2em;
font-weight: 700;
font-family: "Roboto Mono", monospace;
text-transform: none;
text-align: left;
justify-content: flex-start;
}
.podcast-episode-item .grid-subtitle {
font-size: var(--fz-16pt);
font-family: "Roboto Mono", monospace;
font-weight: 400;
margin: 0;
display: block;
text-align: left;
}
.podcast-episode-item .grid-duration {
font-size: var(--fz-12pt);
font-family: "Roboto Mono", monospace;
font-weight: 400;
color: #666;
margin: 0;
display: inline;
} .opacity-slideshow-container {
position: relative;
}
.opacity-slideshow-container > div {
height: auto;
width: max-content;
max-width: 100%;
position: relative;
display: grid;
grid-template-columns: 1fr;
grid-template-columns: 1fr;
align-items: center;
justify-items: center;
margin: 0 auto 0 0;
}
.opacity-slideshow-container .gallery-nav {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: 0.3s;
}
.opacity-slideshow-container .gallery-nav > img {
height: 3rem;
}
.opacity-slideshow-container #prev-slide {
left: 13px;
}
.opacity-slideshow-container #prev-slide:hover {
left: 5px;
}
.opacity-slideshow-container #next-slide {
right: 13px;
}
.opacity-slideshow-container #next-slide:hover {
right: 5px;
}
.opacity-slideshow-container > div > img {
opacity: 1;
transition: 0.3s;
max-width: 100%;
grid-column: 1;
grid-row: 1;
}
.opacity-slideshow-container.main-content-slideshow > div > img {
max-height: 60vh;
}
.opacity-slideshow-container > div > img.inactive {
opacity: 0;
pointer-events: none;
} body.single-publicaciones main { padding-top: 6px;
}
.publicaciones-slider-height-wrapper {
position: relative;
width: 100%;
height: 0;
padding-top: var(--pub-cover-h); }
.over-content-slider-container {
align-items: start;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.over-content-slider-container > img:first-child {
max-width: 430px;
width: 100%;
height: auto;
}
.over-content-slider-container > img:not(:first-child) { max-height: 100%;
width: auto; }
.over-content-slider-container > img:not(:last-child) {
margin-right: 15px;
}
.over-content-slider-container {
display: grid;
z-index: 0;
}
.over-content-slider-handle {
grid-column: 1;
grid-row: 1;
max-width: 100%;
position: relative;
box-shadow:
-2px -2px 4px rgba(0, 0, 0, 0.02),
1px 1px 5px rgba(0, 0, 0, 0.02);
}
.over-content-slider-handle:not(:first-child) {
opacity: 0;
--randleft: 0;
--randtop: 0;
left: var(--randleft);
top: var(--randtop);
}
.publicaciones-thumbnails {
position: absolute;
width: 40%;
right: calc(-40% - 10px);
top: -5px;
display: flex;
flex-wrap: wrap;
}
.publicaciones-thumbnails > img {
flex-shrink: 0;
max-height: 50px;
width: auto;
margin: 5px;
opacity: 0.3;
transition: opacity 0.2s;
cursor: zoom-in;
}
.publicaciones-thumbnails > img:hover {
opacity: 1;
}
.publicaciones-thumbnails > img.frontmost-thumb {
opacity: 1;
box-shadow:
-1px -1px 2px rgba(0, 0, 0, 0.09),
1px 1px 3px rgba(0, 0, 0, 0.09);
} #publicaciones-slider .over-content-slider-handle {
cursor: zoom-in;
} .detail-lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.95);
z-index: 10000;
display: none;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.detail-lightbox.active {
display: flex;
opacity: 1;
} body.lightbox-open {
overflow: hidden;
}
.lightbox-content {
position: relative;
max-width: 95vw;
max-height: 95vh;
display: flex;
align-items: center;
justify-content: center;
}
.lightbox-image {
max-width: 100%;
max-height: 95vh;
object-fit: contain;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
animation: lightboxZoomIn 0.3s ease;
}
@keyframes lightboxZoomIn {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
} .lightbox-close {
position: fixed;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
background-color: transparent;
border: none;
color: #ffffff;
font-size: 24px;
line-height: 1;
cursor: pointer;
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
font-weight: 300;
}
.lightbox-close:hover {
transform: scale(1.1);
} .lightbox-nav {
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
background-color: transparent;
border: none;
color: #ffffff;
font-size: 48px;
line-height: 1;
cursor: pointer;
z-index: 10001;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
font-weight: 300;
}
.lightbox-prev {
left: 20px;
}
.lightbox-next {
right: 20px;
}
.lightbox-nav:hover {
transform: translateY(-50%) scale(1.1);
} .lightbox-counter {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.7);
color: #ffffff;
padding: 10px 20px;
border-radius: 20px;
font-family: 'Roboto Mono', monospace;
font-size: 14px;
z-index: 10001;
} @media (max-width: 768px) {
.lightbox-close {
top: 10px;
right: 10px;
width: 44px;
height: 44px;
font-size: 32px;
}
.lightbox-nav {
width: 50px;
height: 50px;
font-size: 40px;
}
.lightbox-prev {
left: 10px;
}
.lightbox-next {
right: 10px;
}
.lightbox-counter {
bottom: 20px;
font-size: 12px;
padding: 8px 16px;
}
.lightbox-content {
max-width: 100vw;
max-height: 100vh;
}
.lightbox-image {
max-height: 100vh;
}
} @media (hover: none) and (pointer: coarse) {
.lightbox-close,
.lightbox-nav {
background-color: rgba(255, 255, 255, 0.2);
}
} body.single-viajes_de_estudio main,
body.single-workshops main {
overflow: hidden;
padding-top: 6px;
}
.magnify-on-hover {
position: relative;
--lens-size: max(200px, min(12vw, 400px));
}
.large-img-version { width: var(--lens-size);
height: var(--lens-size);
position: absolute;
border-radius: 100%;
box-shadow:
0 0 0 7px rgb(255, 255, 255),
0 0 7px 7px rgba(0, 0, 0, 0.09); background-repeat: no-repeat;
z-index: 10;
opacity: 0;
display: none;
}
.magnify-on-hover:hover .large-img-version {
cursor: crosshair;
opacity: 1;
}
.small-img-version {
display: block;
} .mfp-fade.mfp-bg,
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-container.mfp-iframe-holder .mfp-content {
max-width: min(1080px, min(90vw, calc(80vh * 16 / 9)));
} .publication-index {
min-height: 430px;
max-height: 60vh;
overflow: auto;
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
padding: 35px 50px 50px 15px;
}
.publication-index ul {
padding-left: 15px;
}
.pub-index-section,
.pub-index-subsection {
margin: 2em 0 1em 0;
}
.pub-index-section:first-child,
.pub-index-subsection:first-child {
margin-top: 0;
}
.publication-index ul li:last-child {
margin-bottom: 2em;
}
.pub-index-entry {
margin-top: 1.4em;
}
.pub-index-entry a {
display: inline-block;
padding-left: 0;
transition: padding-left 0.3s;
}
.pub-index-entry a:hover {
padding-left: 5px;
}
.pub-index-entry-author {
margin-top: 0.4em;
}
.pub-cred-role {
margin-top: 0.2em;
} .pub-credits-list {
margin-top: 35px;
}
.pub-credits-list ul li:last-child {
margin-bottom: 1em;
} .serie-item .grid-paragraph {
margin-top: 0.6em;
line-height: 1.5em;
max-width: 500px;
}
.serie-item .grid-title {
transition: color 0.3s;
}
.serie-item .grid-post-link:hover .grid-title {
color: var(--arqdis-blue);
}
.series-featured-images {
position: sticky;
top: 8vh;
display: grid;
}
.series-featured-images img {
max-height: 60vh;
min-height: 400px;
width: 100%;
object-fit: contain;
object-position: top center;
grid-column: 1;
grid-row: 1;
opacity: 0;
transition: opacity 0.3s;
}
.series-featured-images img.highlighted-serie-image {
opacity: 1;
} .tax-series .layout-container {
grid-template-rows: min-content min-content 1fr;
}
.layout-container.full-content .layout-main-bottom {
grid-column: span 2;
}
.serie-vertical-preview {
display: none;
}
.grid-serie-spines {
display: flex;
flex-direction: column;
}
.grid-serie-spines > a {
--spine-w2h-percent: 0%;
--spine-w2h-decimal: 0;
--relative-w: 100% position: relative;
width: var(--relative-w);
height: 0;
padding-top: calc(var(--relative-w) * var(--spine-w2h-decimal));
margin-bottom: 12px;
transform: translateX(0);
transition: transform 0.3s;
}
.grid-serie-spines > a:hover {
transform: translateX(10px);
}
.grid-serie-spines img {
width: var(--spine-w2h-percent);
height: auto;
position: absolute;
left: 0;
top: 0;
transform-origin: top left;
transform: rotate(90deg) translateY(-100%);
}
.grid-serie-spines a.inverted-spine img {
transform-origin: top right;
transform: translateX(-100%) rotate(-90deg);
}
.badge-shape {
fill: magenta;
transform-origin: center;
animation-name: spin;
animation-duration: 15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.badge-text {
fill: white;
transform: translateY(-2px);
}
#serie-badge {
position: absolute;
width: 30%;
right: -6%;
top: 0;
transform: translate(-20%, -20%);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .wpcf7-form {
display: block;
position: relative;
box-shadow:
-5px -5px 10px rgba(0, 0, 0, 0.1),
3px 7px 5px rgba(0, 0, 0, 0.05);
padding: 1rem 2rem;
margin: 4rem 0;
background: white;
}
.child-event-list + div.wpcf7,
.event-agenda-button + div.wpcf7 {
margin-top: 6rem;
}
.form-over-black-bg .wpcf7-form {
background: black;
}
.event-intitle ~ .wpcf7 .wpcf7-form,
.post-intitle ~ .wpcf7 .wpcf7-form {
margin-top: 0;
}
input.wpcf7-text,
select.wpcf7-select,
textarea.wpcf7-textarea {
padding: 5px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0);
}
select.wpcf7-select {
background-color: transparent;
appearance: none;
border-radius: 0;
outline: none;
cursor: pointer;
}
select.wpcf7-select[data-chosen]:not([data-chosen=""]) {
color: black;
}
input.wpcf7-text:focus,
select.wpcf7-select:focus,
textarea.wpcf7-textarea:focus {
outline: none;
box-shadow: 2px 2px 5px #00000070;
}
.form-over-black-bg input.wpcf7-text,
.form-over-black-bg textarea.wpcf7-textarea {
transition: border-color 0.3s;
}
.form-over-black-bg input.wpcf7-text:focus,
.form-over-black-bg textarea.wpcf7-textarea:focus {
border-color: magenta;
}
.form-over-black-bg.form-cyan-accents input.wpcf7-text:focus,
.form-over-black-bg.form-cyan-accents textarea.wpcf7-textarea:focus {
border-color: cyan;
}
.wpcf7-form .wpcf7-list-item label {
display: flex;
}
.wpcf7-form span.wpcf7-list-item-label {
display: flex;
align-items: center;
}
.wpcf7-list-item input[type="checkbox"] {
position: absolute;
opacity: 0;
}
.wpcf7-list-item input[type="checkbox"] + *,
.wpcf7-list-item input[type="checkbox"] + *::before,
.wpcf7-list-item input[type="checkbox"] {
cursor: pointer;
}
.wpcf7-list-item input[type="checkbox"] + *::before {
content: "";
display: block;
min-width: 1em;
min-height: 1em;
border: 1px solid black;
margin-right: 0.8em;
background: magenta;
box-shadow:
inset 0px 0px 0px 20px white,
2px 2px 5px rgba(0, 0, 0, 0);
transition:
box-shadow 0.2s,
border-color 0.3s;
}
.form-over-black-bg .wpcf7-list-item input[type="checkbox"] + *::before {
border-color: white;
box-shadow:
inset 0px 0px 0px 20px black,
2px 2px 5px rgba(0, 0, 0, 0);
}
.form-cyan-accents .wpcf7-list-item input[type="checkbox"] + *::before {
background: cyan;
}
.wpcf7-list-item input[type="checkbox"]:focus + *::before {
box-shadow:
inset 0px 0px 0px 20px white,
2px 2px 5px #00000070;
}
.form-over-black-bg .wpcf7-list-item input[type="checkbox"]:focus + *::before {
box-shadow:
inset 0px 0px 0px 20px black,
2px 2px 5px #00000070;
border-color: magenta;
}
.form-over-black-bg.form-cyan-accents
.wpcf7-list-item
input[type="checkbox"]:focus
+ *::before {
border-color: cyan;
}
.wpcf7-list-item input[type="checkbox"]:checked:focus + *::before {
box-shadow:
inset 0px 0px 0px 3px white,
2px 2px 5px #00000070;
}
.form-over-black-bg
.wpcf7-list-item
input[type="checkbox"]:checked:focus
+ *::before {
box-shadow:
inset 0px 0px 0px 3px black,
2px 2px 5px #00000070;
border-color: magenta;
}
.form-over-black-bg.form-cyan-accents
.wpcf7-list-item
input[type="checkbox"]:checked:focus
+ *::before {
border-color: cyan;
}
.wpcf7-list-item input[type="checkbox"]:checked + *::before {
box-shadow: inset 0px 0px 0px 3px white;
}
.form-over-black-bg
.wpcf7-list-item
input[type="checkbox"]:checked
+ *::before {
box-shadow: inset 0px 0px 0px 3px black;
}
input.wpcf7-text,
select.wpcf7-select,
textarea.wpcf7-textarea {
width: 100%;
border: 1px solid black;
}
.form-over-black-bg input.wpcf7-text,
.form-over-black-bg textarea.wpcf7-textarea {
border-color: white;
background-color: black;
}
textarea.wpcf7-textarea {
resize: vertical;
min-height: 2.5em;
}
.wpcf7-form p {
margin-bottom: 1rem;
}
span.wpcf7-list-item {
margin-left: 0;
}
input.wpcf7-submit {
display: block;
outline: none;
border: none;
color: white;
background: black;
width: 100%;
padding: 0.5em;
margin-top: 1.5rem;
cursor: pointer;
transition: 0.3s;
}
span.wpcf7-spinner {
position: absolute;
top: calc(50% - 12px);
right: 0;
margin: 0 6px;
}
.form-over-black-bg input.wpcf7-submit {
background: white;
color: black;
}
input.wpcf7-submit:not([disabled]):hover {
background: var(--arqdis-blue);
}
.form-over-black-bg input.wpcf7-submit:not([disabled]):hover {
background: magenta;
}
.form-over-black-bg.form-cyan-accents input.wpcf7-submit:not([disabled]):hover {
background: cyan;
}
input.wpcf7-submit[disabled],
.form-over-black-bg input.wpcf7-submit[disabled] {
background: lightgray;
color: gray;
cursor: not-allowed;
}
span.form-input-required:after {
content: "*";
color: magenta;
}
.form-cyan-accents span.form-input-required:after {
color: cyan;
}
form.wpcf7-form:not(.sent) .wpcf7-response-output { position: absolute;
z-index: -9999;
opacity: 0;
}
form.wpcf7-form .wpcf7-response-output {
opacity: 0;
margin: 0;
transition: opacity 0.3s;
text-transform: unset;
font-weight: 400;
color: var(--arqdis-gray);
}
form.wpcf7-form.sent .wpcf7-response-output {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background: white;
border: none;
opacity: 1;
display: grid;
grid-template-columns: minmax(0, 300px);
grid-template-rows: min-content;
justify-items: center;
align-content: center;
row-gap: 15px;
}
form.wpcf7-form.sent .wpcf7-response-output::before {
content: "";
width: 50%;
height: 0;
padding-top: 40%;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/check.svg);
background-repeat: no-repeat;
background-size: 100% auto;
}
form.wpcf7-form.sent .wpcf7-response-output::after {
content: "Enviado";
grid-row: 2;
font-size: 1.8em;
font-weight: 700;
margin-bottom: 0.2em;
color: black;
}
.form-over-black-bg
form.wpcf7-form.sent
.wpcf7-response-output::after
.form-over-black-bg.wpcf7-form.sent
.wpcf7-response-output::after {
color: white;
}
form.wpcf7-form > p:last-of-type {
position: relative;
}
div.wpcf7 span.ajax-loader {
position: absolute;
right: 10px;
top: calc(50% - 12.5px);
width: 25px;
height: 25px;
margin: 0;
background-color: transparent;
border: 2px solid white;
}
.simple-form-container:not(.form-over-black-bg) div.wpcf7 span.ajax-loader {
filter: invert(1);
}
div.wpcf7 .ajax-loader::before {
top: 3px;
left: 3px;
background-color: white;
}
.form-disclaimer-text {
font-family: "Roboto Mono", monospace;
font-size: 0.8em;
line-height: 1.3em;
color: #bbb;
}
.form-disclaimer-text a {
color: #bbb !important;
text-decoration: underline !important;
} .form-field.phone-group {
display: flex;
flex-direction: column;
}
.form-field.phone-group > p:first-child {
margin-bottom: 0;
font-family: "Roboto mono", monospace;
font-size: var(--fz-14pt);
font-weight: 400;
}
.form-field.phone-group .phone-wrapper {
display: flex;
gap: 0.5em;
align-items: flex-start;
width: 100%;
}
.form-field.phone-group .phone-wrapper > label {
margin: 0;
}
.form-field.phone-group .phone-wrapper > label.phone-code-label,
.form-field.phone-group .phone-wrapper > .phone-code-label {
flex: 0 0 auto;
max-width: 69px;
width: auto;
}
.form-field.phone-group .phone-wrapper > label.phone-number-label,
.form-field.phone-group .phone-wrapper > .phone-number-label {
flex: 1;
width: auto;
}
.form-field.phone-group .phone-wrapper br {
display: none;
}
.form-field.phone-group .phone-code-label .wpcf7-form-control-wrap {
position: relative;
}
.form-field.phone-group .phone-code-label .wpcf7-form-control-wrap::before {
content: none;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
color: inherit;
pointer-events: none;
z-index: 1;
}
.form-field.phone-group select.phone-code {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/assets/arrow-button-down.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 15px;
}
.form-field.phone-group input.phone-code {
padding-left: 20px;
} .form-field.phone-group .phone-code-label .wpcf7-not-valid-tip,
.form-field.phone-group .phone-number-label .wpcf7-not-valid-tip {
display: none !important;
} .form-field.phone-group .phone-number-label .phone-group-error-message {
display: none;
margin-top: 0.3em;
font-size: var(--fz-12pt);
line-height: 1.3em;
color: magenta;
}
.form-field.phone-group .phone-code-label .wpcf7-form-control-wrap,
.form-field.phone-group .phone-number-label .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.form-field.phone-group input.phone-code,
.form-field.phone-group input.phone-number {
width: 100%;
box-sizing: border-box;
}
.form-field.phone-group .form-disclaimer-text {
margin-top: 0.3em;
} .form-field.phone-group .phone-wrapper {
display: flex;
width: 100%;
} .simple-form-container .wpcf7-form {
box-shadow: none;
padding: 0;
margin: 4rem 0;
}
.simple-form-container input.wpcf7-submit {
width: auto;
padding: 0.5em 1em;
}  nav#main-nav,
footer,
.nota-banner-container,
.episode-banner-container,
main,
body {
--top-margin: 1rem;
--logo-h: 55px;
--main-nav-h: calc(var(--top-margin) * 2 + var(--logo-h));
} nav#main-nav {
background-color: white;
height: calc(var(--top-margin) * 2 + var(--logo-h));
}
nav#main-nav.transparent-header {
background-color: unset;
} a#home-link {
padding: var(--top-margin);
display: grid;
grid-auto-flow: column;
width: max-content;
position: relative;
}
a#home-link img#marca-registrada {
width: calc(var(--logo-h) * 0.22);
height: calc(var(--logo-h) * 0.22);
transform: translateY(50%);
}
a#home-link img {
height: var(--logo-h);
}
nav#branding-top {
position: fixed;
z-index: 11;
}
aside
nav:not(.menu-redes-container)
> ul
> li.menu-item
> a[target="_blank"]::after {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-ne.svg);
background-repeat: no-repeat;
width: 1em;
height: 0.85em;
display: inline-block;
background-position: center center;
vertical-align: bottom;
margin-left: 0.1em;
opacity: 0.4;
margin-bottom: 0.05em;
}  #top-marker {
position: absolute;
height: 1px;
top: 5px;
z-index: -100;
} body.mid-scroll #branding-uniandes,
body.mid-scroll #titulo-arqdis,
body.mid-scroll #marca-registrada,
body.mid-scroll #anos-uniandes {
display: none;
}  nav#menu-button {
position: fixed;
color: black;
top: 0;
right: 0;
margin: var(--top-margin);
padding: 0.5rem;
z-index: 11; margin-top: calc(var(--top-margin) + var(--logo-h) / 2);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
nav#menu-button a {
display: inline-grid;
height: min-content;
grid-template-rows: auto;
grid-column-gap: 0.8rem;
grid-template-columns: auto 1em;
align-items: center;
font-family: "Roboto Mono", monospace;
font-weight: 700;
font-size: var(--fz-20pt);
text-transform: uppercase;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
text-decoration: none;
color: inherit;
}
nav#menu-button:hover,
nav#menu-button:focus-within {
background-color: var(--arqdis-blue);
color: white;
cursor: pointer;
}
nav#menu-button:hover img,
nav#menu-button:focus-within img {
filter: invert(1);
}
body.admin-bar nav#menu-button {
top: var(--logged-in-h);
}
nav#menu-button img {
width: 100%;
} span#out-of-menu {
display: none;
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
}
span#out-of-menu.open-menu {
display: block;
pointer-events: all;
width: 100%;
height: 100%;
} aside#side-menu {
--aside-pad-top: 3.5rem;
--aside-pad: max(2rem, min(5vw, var(--aside-pad-top))); --aside-width: 30rem;
box-sizing: content-box;
position: fixed;
right: calc(-1 * (var(--aside-width) + var(--aside-pad) * 2));
top: 0;
height: max(100vh, 100%);
overflow-y: hidden;
transition: 0.2s;
z-index: 12;
display: grid;
grid-template-columns: 1fr min-content;
overscroll-behavior: none;
}
div#side-wrapper {
position: relative;
width: var(--aside-width);
padding: var(--aside-pad);
padding-top: var(--aside-pad-top);
min-height: calc(100% - var(--aside-pad) - var(--aside-pad-top));
}
:root {
--scrollbar-w: 15px;
}
.open-menu div#side-wrapper,
.open-menu a#close-menu {
margin-right: var(--scrollbar-w);
}
.side-menu-is-open:not(.has-hidden-scrollbar) #wpadminbar {
padding-right: var(--scrollbar-w);
}
html.side-menu-is-open {
padding-right: var(--scrollbar-w);
overflow: hidden;
}
html.has-hidden-scrollbar.side-menu-is-open {
padding-right: 0;
}
aside#side-menu.open-menu {
right: 0;
width: 100%;
overflow-y: scroll;
}
@media screen and (max-width: 991px) {
:root {
--scrollbar-w: 0px;
}
aside#side-menu {
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
aside#side-menu::-webkit-scrollbar {
display: none;
}
.open-menu div#side-wrapper,
.open-menu a#close-menu {
margin-right: 0;
}
.side-menu-is-open #wpadminbar {
padding-right: 0;
}
html.side-menu-is-open {
padding-right: 0;
overflow: auto;
}
}
body.admin-bar aside#side-menu {
top: var(--logged-in-h);
height: calc(max(100vh, 100%) - var(--logged-in-h));
}
span#out-of-menu {
grid-row: 1;
grid-column: 1;
}
.menu-content-wrapper {
grid-row: 1;
grid-column: 2;
background-color: white;
}
aside#side-menu.open-menu .menu-content-wrapper {
box-shadow: 5px 0 25px rgba(0, 0, 0, 0.2);
} a#close-menu {
display: flex;
position: fixed;
top: inherit;
right: inherit;
align-items: center;
justify-content: center;
color: gray;
text-decoration: none;
z-index: 2;
}
a#close-menu img {
filter: saturate(0) brightness(3);
transition: 0.2s;
}
a#close-menu:hover,
a#close-menu:focus {
color: var(--arqdis-blue);
}
a#close-menu:hover img,
a#close-menu:focus img {
filter: saturate(1) brightness(1);
}
a#close-menu img {
--x-pad: 0.5rem;
width: 1.8rem; padding: var(--x-pad);
} form.search-form {
display: flex;
justify-content: space-between;
align-items: center;
--search-pad: 0.5em;
padding: var(--search-pad);
margin-bottom: 3em;
box-shadow:
5px 5px 10px rgba(0, 0, 0, 0.1),
-3px -3px 5px rgba(0, 0, 0, 0.02);
transition: 0.3s;
}
form.search-form:focus-within {
box-shadow:
2px 2px 10px 4px rgba(0, 0, 0, 0.2),
-3px -3px 5px rgba(0, 0, 0, 0.02);
}
form.search-form label,
input.search-field {
width: 100%;
}
input.search-field,
form.search-form {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
}
input.search-field {
border: none;
appearance: none;
}
input.search-field:focus {
outline: none;
}
input.search-submit {
font-size: inherit;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/search-blue.svg);
background-repeat: no-repeat;
background-position: center center;
height: 1.3em;
width: 1.3em;
filter: brightness(0);
transition: 0.2s;
background-color: unset;
border: 0;
--outline-offset: 0.35em;
margin-right: calc(var(--outline-offset) - 3px);
margin-left: calc(var(--search-pad) + var(--outline-offset));
padding: 0;
cursor: pointer;
}
input.search-submit:hover {
filter: brightness(1);
outline: none;
}
input.search-submit:focus {
filter: brightness(1);
outline: 1px solid rgba(0, 0, 0, 0.2);
outline-offset: var(--outline-offset);
} div.menu-block {
--menu-y-gap: 1.2rem;
} div.menu-block {
margin-bottom: calc(var(--menu-y-gap) * 2);
}
div.menu-block:last-child {
margin-bottom: 0;
}
ul.menu {
display: grid;
grid-auto-flow: row;
grid-template-columns: auto;
grid-template-rows: auto;
grid-auto-rows: auto;
grid-row-gap: var(--menu-y-gap);
}
a.menu-title {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 700;
display: block;
margin-bottom: var(--menu-y-gap);
text-decoration: none;
text-transform: uppercase;
color: var(--arqdis-blue);
pointer-events: none;
}
a.menu-title:before {
content: "_";
}
li.menu-item > a,
li.menu-item > button {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
color: black;
font-weight: 700;
text-decoration: none;
}
ul.sub-menu > li > a {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
color: black;
font-weight: 400;
text-decoration: none;
padding-top: calc(var(--menu-y-gap) / 4);
}
ul.menu > li > a,
li.menu-item > button {
transition: 0.3s;
}
li.menu-item > button {
font-size: var(--fz-12pt);
border: none;
background-color: transparent;
padding: 0;
margin: 0;
border-radius: 0;
cursor: pointer;
} #menu-cookies {
margin-top: calc(var(--menu-y-gap) * -1);
}
#menu-cookies ul > li > button::before {
content: "";
display: inline-block;
width: 1.2em;
height: 1.2em;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/configurar.svg);
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
vertical-align: top;
margin-right: 0.3em;
}
ul.menu:not(#prg-menu):not(#social-menu) > li > a:hover,
ul.menu:not(#prg-menu):not(#social-menu) > li:focus-within a,
#menu-cookies ul > li > button:hover,
#menu-cookies ul > li:focus-within button {
padding-left: 5px;
}
ul.menu > li a:focus {
outline: none;
} ul#sch-menu {
margin-bottom: 1.2rem;
}
ul#prg-menu {
grid-auto-flow: row;
grid-template-columns: repeat(2, 45%);
grid-template-rows: repeat(3, auto);
grid-column-gap: 3rem;
}
ul#prg-menu li:first-child {
grid-column: span 2;
grid-row: span 2;
}
ul#prg-menu ul.sub-menu li {
grid-column: span 2;
grid-row: span 2;
}
nav #prg-menu-container:not(last-child) {
margin-bottom: 20px;
}
ul#prg-menu > li a {
display: block;
position: relative;
left: 0;
transition: 0.3s;
}
ul#prg-menu > li:hover a,
ul#prg-menu > li:focus-within a {
left: 5px;
} nav#social-menu-container {
display: flex;
justify-content: flex-end;
}
#menu-block-redes:last-child nav#social-menu-container { position: absolute;
bottom: var(--aside-pad);
right: var(--aside-pad);
}
ul#social-menu {
display: inline-grid;
grid-auto-flow: column;
grid-column-gap: 1rem;
}
ul#social-menu img {
height: 1.5rem;
filter: brightness(0);
transition: 0.2s;
}
ul#social-menu a:hover img,
ul#social-menu a:focus img {
filter: brightness(1);
}
div#menu-block-redes { height: 2rem;
margin-bottom: 1.5rem;
}
#menu-contact-info address {
display: flex;
flex-direction: column;
cursor: text;
}
#menu-contact-info address a,
#menu-contact-info address div {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
}
#menu-contact-info address div,
#menu-contact-info address > a {
margin-bottom: 1em;
}
#menu-contact-info address > a:last-child {
margin-bottom: 1.3em;
}
#menu-contact-info address a {
color: black;
font-weight: 500;
text-decoration: none;
pointer-events: none;
}
#menu-contact-info .tel-contact {
display: flex;
justify-content: space-between;
}
#menu-contact-info .menu-contactpoint {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#menu-contact-info .menu-contactpoint::before {
content: attr(data-contactpoint-label);
font-size: var(--fz-11pt);
color: #808080; font-weight: 500;
margin-bottom: 0.3em;
line-height: 1.2em;
}
@media screen and (max-width: 450px) {
.menu-optional-label {
display: none;
}
#menu-arq-ext::before,
#menu-dis-ext::before {
width: 3ch;
overflow: hidden;
}
}
#menu-contact-info p {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-10pt);
color: #cbcbcb;
font-weight: 500;
line-height: 1.3em;
} footer {
background-color: black;
padding: 5rem;
position: relative;
margin-top: 5rem;
z-index: 2;
}
footer.white-footer {
background-color: white;
}
footer > div:first-child {
display: grid;
grid-template-columns: auto;
grid-auto-flow: column;
grid-auto-columns: min-content;
justify-content: space-between;
align-items: start;
max-width: 2200px;
margin: 0 auto;
}
[id*="footer_col_"] {
--footer-item-margin: 2rem;
margin: 0 var(--footer-item-margin);
}
[id*="footer_col_"]:nth-child(2) {
margin-left: 0;
margin-right: var(--footer-item-margin);
}
[id*="footer_col_"]:last-child {
margin-right: 0;
margin-left: var(--footer-item-margin);
}
.footer-text-title {
white-space: nowrap;
}
a#footer-logo {
display: flex;
align-items: center;
margin-right: 4rem;
width: min-content;
}
a#footer-logo img {
height: var(--logo-h);
filter: invert(1);
}
footer.white-footer a#footer-logo img {
filter: unset;
}
#footer_bottom {
text-align: center;
display: flex;
justify-content: center;
margin-top: 3rem;
}
#footer_bottom p {
max-width: 1500px;
}
.scroll-top-icon {
position: absolute;
left: 3vw;
top: 0;
width: 3rem;
transform: translate(0, -70%);
padding: 0;
margin: 0;
border: none;
background: transparent;
cursor: pointer;
}
.no-scroll-up-arrow .scroll-top-icon {
display: none;
}
svg#scroll-to-top line,
svg#scroll-to-top polyline {
fill: none;
stroke: cyan;
stroke-width: 1.6;
transition: 0.3s;
}
.scroll-top-icon:hover line,
.scroll-top-icon:hover polyline {
transform: translate(0, -10px);
}
footer.invisible-footer {
padding: 0;
}
footer.invisible-footer * {
display: none !important;
} .home-banner-container {
--banner-menu-h: 2em; --home-banner-h: calc(100vh - var(--main-nav-h) - var(--banner-menu-h) * 2);
width: 100%;
}
.home-banner-container,
.home-banner-container ~ .week-events-banner-container { margin-bottom: max(1rem, min(3vw, 5rem));
}
.logged-in .home-banner-container {
--home-banner-h: calc(
100vh - var(--main-nav-h) - var(--banner-menu-h) * 2 - var(--logged-in-h)
);
}
.home-banner-story-container {
display: grid;
grid-template-columns: repeat(4, 25%);
grid-template-rows: var(--home-banner-h);
}
.home-banner-story img,
.home-banner-story video {
object-fit: cover;
height: 100%;
width: 100%;
}
.banner-img-mobile,
.banner-video-mobile {
display: none;
}
.banner-menu-container {
height: var(--banner-menu-h);
display: flex;
align-items: center;
border-top: 2px solid black;
border-bottom: 2px solid black;
}
.banner-menu-item:first-child {
margin-left: 2em;
}
.banner-menu-item {
display: inline-flex;
align-items: center;
margin-right: 2em;
white-space: nowrap;
}
a.banner-menu-item:last-of-type {
margin-right: 1em;
}
.banner-menu-item::before {
content: "";
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/arrow-button-right.svg);
background-repeat: no-repeat;
height: 1.5em;
width: 2.5em;
background-position: 0;
transition: background-position 0.3s;
}
.banner-menu-item:hover::before {
background-position: 0.5em;
}
.scroll-to-main-home {
margin-left: auto;
font-size: inherit;
height: 2em;
border: none;
background-color: transparent;
width: 1.5em;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/arrow-button-down.svg);
background-repeat: no-repeat;
background-position: 0 0.2em;
margin-right: 0.4em;
transition: background-position 0.2s;
cursor: pointer;
}
.scroll-to-main-home:hover {
background-position: 0 0.4em;
}
.home-slogan {
height: var(--banner-menu-h);
display: flex;
align-items: center;
background-color: black;
}
.marquee-slogan {
display: flex;
align-items: center;
}
.home-slogan span,
.programa-slogan span,
.marquee-slogan span,
.cinta-en-construccion span {
white-space: pre;
}
.home-slogan,
.programa-slogan,
.marquee-slogan {
position: relative;
}
.home-slogan,
.programa-slogan,
.marquee-slogan,
.cinta-en-construccion {
overflow: hidden;
--offset: 7vw;
--move-initial: calc(-25% + var(--offset));
--move-final: calc(-50% + var(--offset));
--marquee-dur: 30s;
}
.home-slogan span,
.programa-slogan span,
.marquee-slogan span,
.cinta-en-construccion span {
display: inline-block;
position: relative;
transform: translate3d(var(--move-initial), 0, 0);
animation: marquee var(--marquee-dur) linear infinite; }
.home-slogan span::after,
.programa-slogan span::after,
.marquee-slogan span::after,
.cinta-en-construccion span::after {
content: " " attr(marquee-text) " " attr(marquee-text) " " attr(marquee-text)
" ";
}
@keyframes marquee {
0% {
transform: translate3d(var(--move-initial), 0, 0);
}
100% {
transform: translate3d(var(--move-final), 0, 0);
}
} .home-banner-story-container {
background: #1c1c1c;
overflow-y: hidden;
}
.home-banner-story::after {
content: "";
position: absolute;
background: #1c1c1c;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
}
.home-banner-story.banner-loading::after,
.home-banner-story.banner-loading
~ .home-banner-story:not(.banner-loading)::after {
opacity: 1;
}
.home-banner-story:nth-child(2)::after {
transition-delay: 0.4s;
}
.home-banner-story:nth-child(3)::after {
transition-delay: 0.6s;
}
.home-banner-story:nth-child(4)::after {
transition-delay: 0.8s;
}
.home-banner-story {
opacity: 1; background-position: 50% 0px;
background-size: cover;
position: relative;
box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.5); } .home-banner-story img,
.home-banner-story video {
object-position: 50% 0;
transition: transform 0.3s ease;
}
.home-banner-story[href]:hover img,
.home-banner-story[href]:hover video {
transform: scale(1.03);
} @media screen and (min-width: 1310px) and (min-aspect-ratio: 999999999/999999998) and (max-aspect-ratio: 293040293/125000000) {
.home-banner-story-container {
max-height: 70vh;
grid-template-rows: min(70vh, var(--home-banner-h));
}
}  @media only screen and (max-width: 1999px) {  .serie-title,
.archive-title {
font-size: var(--fz-70pt);
}
.archive-subtitle {
font-size: var(--fz-24pt);
}
.serie-title.long-title,
.archive-title.long-title {
font-size: var(--fz-60pt);
}
.small-archive-title {
font-size: var(--fz-35pt);
} .programa-heading-title {
font-size: var(--fz-80pt);
}
.programa-heading-title.long-title {
font-size: var(--fz-65pt);
}
.programa-descripcion {
font-size: var(--fz-18pt);
}
.enlace-contenido-fijo {
font-size: var(--fz-14pt);
}
.download-programa,
.programa-header-nav-links {
font-size: var(--fz-16pt);
} .grid-title.grid-largest-title {
font-size: var(--fz-22pt);
} .course-type-item-header,
.archive-pinned-header {
font-size: var(--fz-18pt);
} .contenido-fijo-title {
font-size: var(--fz-24pt);
} .edco-main-menu a {
font-size: var(--fz-28pt);
} .footer-text-title {
font-size: var(--fz-14pt);
}  .layout-container-expo {
grid-column-gap: 8%;
} .anuncio-badge {
width: 10ch;
height: 10ch;
} footer {
padding: 4rem 3rem;
}
a#footer-logo {
--logo-h: 30px;
margin-right: 2rem;
}
[id*="footer_col_"] {
--footer-item-margin: 1rem;
}
}
@media only screen and (max-width: 1768px) {  .publicaciones-thumbnails {
position: static;
width: 100%;
right: unset;
top: unset;
display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-left: -5px;
margin-right: -5px;
}
.over-content-slider-handle:not(:first-child) {
left: unset;
right: var(--randleft);
}
} @media only screen and (max-width: 1499px) {  .section-title {
font-size: var(--fz-40pt);
}
.section-title.long-title {
font-size: var(--fz-30pt);
} .evento-fecha-mes,
.evento-fecha-inicio .evento-fecha-mes,
.evento-fecha-fin .evento-fecha-mes {
font-size: var(--fz-20pt);
}
.evento-fecha-dia {
font-size: var(--fz-40pt);
}
.evento-fecha-inicio .evento-fecha-dia,
.evento-fecha-fin .evento-fecha-dia {
font-size: var(--fz-30pt);
}
.evento-fecha-ano {
font-size: var(--fz-16pt);
}
.evento-fecha-hora,
.evento-fecha-zona {
font-size: var(--fz-14pt);
}
.expo-section-shortcut {
font-size: var(--fz-24pt);
} .programa-heading-title {
font-size: var(--fz-65pt);
}
.programa-heading-title.long-title {
font-size: var(--fz-50pt);
}
.programa-descripcion {
font-size: var(--fz-14pt);
}
.download-programa,
.programa-header-nav-links {
font-size: var(--fz-13pt);
} .home-banner-container,
.edco-nav-marquee,
.cinta-en-construccion {
font-size: var(--fz-18pt);
} .grid-post-thumbnail .cinta-en-construccion {
font-size: var(--fz-20pt);
} .grid-title.grid-large-title {
font-size: var(--fz-20pt);
} .edco-main-menu a {
font-size: var(--fz-22pt);
}
.post-related-list-nav a {
font-size: var(--fz-18pt);
}
.edco-category-title {
font-size: var(--fz-45pt);
} .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-24pt);
}
.info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-20pt);
}
.info-section .info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-16pt);
}
.info-page-content .table-of-contents {
font-weight: 500;
font-size: var(--fz-14pt);
}
.info-page-content .table-of-contents ul li ul li,
.info-page-content .table-of-contents h6 {
font-size: var(--fz-11pt);
}
.info-page-contact-title {
font-size: var(--fz-24pt);
}  nav#menu-button a {
font-size: var(--fz-18pt);
}
nav#main-nav,
footer,
.nota-banner-container,
.episode-banner-container,
main,
body {
--logo-h: 45px;
}  .tecnico {
max-height: unset;
overflow-y: unset;
}
.tecnico .nombre {
display: block;
} time.fecha-evento {
padding-top: 0.65rem;
}
time.fecha-pasada {
padding-left: 12px;
}
time.fecha-futura {
margin-left: -10px;
} figure.wp-block-image.is-style-float-left {
margin-left: calc(var(--min-side-margin) * -1 + var(--float-margin));
} .layout-container.inverted-layout {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
} footer > div:first-child {
grid-template-areas:
"logo skip item1 item2"
"logo skip item3 item4";
grid-row-gap: 1.5rem;
}
a#footer-logo {
grid-area: logo;
--logo-h: 50px;
}
[id*="footer_col_"],
[id*="footer_col_"]:nth-child(2),
[id*="footer_col_"]:last-child {
--footer-item-margin: 1rem;
margin: 0 var(--footer-item-margin);
}
#footer_col_1 {
grid-area: item1;
}
#footer_col_2 {
grid-area: item2;
}
#footer_col_3 {
grid-area: item3;
}
#footer_col_4 {
grid-area: item4;
} .info-page-content {
grid-column-gap: 0;
}
.info-page-content .table-of-contents {
top: calc(var(--logo-h) + 10px);
--max-table-h: 92vh;
}
.logged-in .info-page-content .table-of-contents {
top: calc(var(--logo-h) + var(--logged-in-h) + 10px);
--max-table-h: calc(92vh - var(--logged-in-h));
} .interactive-program-container.programa-pregrado {
grid-template-columns: auto;
grid-row-gap: 0;
}
.programa-dis.interactive-program-container,
.programa-mdis.interactive-program-container {
max-width: calc(85vh * 1.3189606395);
min-width: calc(750px * 1.3189606395);
}
.programa-arq.interactive-program-container {
max-width: calc(85vh * 1.5876980762);
min-width: calc(620px * 1.5876980762);
}
.programa-mam.interactive-program-container {
max-width: calc(110vh * 1.2899351098);
min-width: calc(750px * 1.2899351098);
}
.programa-pregrado .program-dynamic-info-container.starting-content {
opacity: 0;
}
.programa-pregrado .program-right-dialog-window {
position: static;
}
.programa-pregrado .program-dynamic-info-container {
position: absolute;
left: var(--min-side-margin);
max-width: unset;
max-height: unset;
width: calc(100% - var(--min-side-margin) * 2);
height: 100%;
background: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 990px) {
.programa-pregrado .program-dynamic-info-container {
left: 0;
}
}
.programa-pregrado .program-dynamic-info-container {
display: grid;
grid-template-columns: 95px 1fr 1fr;
gap: 30px;
padding: 50px;
}
.programa-pregrado .course-type-icon {
max-width: unset;
max-height: unset;
max-width: 20%;
}
.programa-pregrado nav.related-courses-nav {
overflow-y: auto;
overflow-x: hidden;
}
.program-dynamic-info-close-btn {
display: block;
border: none;
background-color: transparent;
position: absolute;
width: 30px;
height: 30px;
padding: 0;
top: 10px;
right: 10px;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/close-blue.svg);
filter: grayscale(1);
opacity: 0.7;
cursor: pointer;
transition: opacity 0.3s;
}
.program-dynamic-info-close-btn:hover {
opacity: 1;
}
.download-study-plan-button {
right: var(--min-side-margin);
} .grid-container {
--grid-col-count: 3;
} .post-related-content .grid-archive-item:nth-last-child(1) {
display: none;
} .investigaciones-archive-grid-container,
.series-archive-grid-container {
--grid-col-count: 1;
} .post-related-list-nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.post-related-list-nav a:nth-last-child(3) {
border-bottom: none;
}
.post-related-list-nav a:nth-child(3) {
margin-top: -2px;
}
} @media only screen and (max-width: 1399px) {  .serie-title,
.archive-title {
font-size: var(--fz-70pt);
}
.serie-title.long-title,
.archive-title.long-title {
font-size: var(--fz-50pt);
}
.archive-subtitle {
font-size: var(--fz-20pt);
}  .related-pub-links {
grid-template-columns: 1fr;
grid-row-gap: 1rem;
}
.related-pub-links a,
.related-pub-links button {
padding: 0.8em;
}
} @media only screen and (max-width: 1199px) {  .section-title {
font-size: var(--fz-35pt);
}
.section-title.long-title {
font-size: var(--fz-24pt);
}
h5.post-subtitle,
.pub-index-section {
font-size: var(--fz-24pt);
}
.concurso-side-info {
font-size: var(--fz-14pt);
}
h5.post-intitle {
font-size: var(--fz-24pt);
} .evento-fecha-mes {
font-size: var(--fz-16pt);
}
.evento-fecha-inicio .evento-fecha-mes,
.evento-fecha-fin .evento-fecha-mes {
font-size: var(--fz-18pt);
}
.evento-fecha-dia {
font-size: var(--fz-35pt);
}
.evento-fecha-inicio .evento-fecha-dia,
.evento-fecha-fin .evento-fecha-dia {
font-size: var(--fz-28pt);
}
.evento-fecha-ano {
font-size: var(--fz-14pt);
}
.evento-fecha-hora,
.evento-fecha-zona {
font-size: var(--fz-12pt);
}
.child-event-time,
.event-itinerary-date {
font-size: var(--fz-12pt);
}
.child-event-title {
font-size: var(--fz-16pt);
} .expo-section-title,
.expo-section-shortcut {
font-size: var(--fz-22pt);
}
.long-index .expo-section-shortcut {
font-size: var(--fz-20pt);
} .serie-title,
.archive-title {
font-size: var(--fz-60pt);
}
.serie-title.long-title,
.archive-title.long-title {
font-size: var(--fz-40pt);
} .grid-post-thumbnail .cinta-en-construccion {
font-size: var(--fz-18pt);
} .programa-heading-title {
font-size: var(--fz-50pt);
}
.programa-heading-title.long-title {
font-size: var(--fz-40pt);
}
.programa-descripcion {
font-size: var(--fz-12pt);
}
.programa-header .programa-slogan {
font-size: var(--fz-16pt);
}
.enlace-contenido-fijo {
font-size: var(--fz-12pt);
}
.download-programa,
.programa-header-nav-links {
font-size: var(--fz-10pt);
} .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-20pt);
}
.info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-16pt);
}
.info-section .info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-14pt);
}
.info-page-content .table-of-contents {
font-weight: 500;
font-size: var(--fz-12pt);
}
.info-page-content .table-of-contents ul li ul li,
.info-page-content .table-of-contents h6 {
font-size: var(--fz-10pt);
}
.info-page-contact-title {
font-size: var(--fz-22pt);
}
.info-page-contact-subtitle {
font-size: var(--fz-14pt);
}
.related-courses-nav a {
font-size: var(--fz-12pt);
} .grid-title.grid-large-title {
font-size: var(--fz-18pt);
}
.grid-title.grid-largest-title {
font-size: var(--fz-20pt);
}
.grid-title.grid-medium-title {
font-size: var(--fz-16pt);
}
.grid-post-type-link {
font-size: var(--fz-12pt);
}
.info-page-heading .info-page-slogan {
font-size: var(--fz-12pt);
display: none;
} .course-type-item-header,
.archive-pinned-header {
font-size: var(--fz-16pt);
}
.grid-container a.post-button,
.grid-container button.post-button,
.course-type-desc-item .post-body p {
font-size: var(--fz-12pt);
} .contenido-fijo-title {
font-size: var(--fz-22pt);
} .edco-main-menu a {
font-size: var(--fz-30pt);
}
.highlighted-edco-subtitle {
font-size: var(--fz-30pt);
}
.edco-category-title {
font-size: var(--fz-35pt);
}  nav#menu-button a {
font-size: var(--fz-16pt);
}
nav#main-nav,
footer,
.nota-banner-container,
.episode-banner-container,
main,
body {
--logo-h: 40px;
}  .tecnico .nombre {
display: initial;
}
.tecnico:not(:first-child) {
display: none;
} time.fecha-evento {
padding-top: 0.49rem;
}
time.fecha-pasada {
padding-left: 10px;
} .layout-container-expo {
grid-column-gap: 5%;
} .expo-content.complex-content ul.expo-section-list,
.expo-content.middle-content ul.expo-section-list { padding-left: 15px;
} blockquote.wp-block-arqdis-plugin-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote {
min-width: 160%;
} a#footer-logo {
--logo-h: 35px;
} .serie-vertical-preview {
display: initial;
}
.serie-horizontal-preview:not(:last-child) { display: none;
}
#serie-badge {
width: 40%;
} .enlace-contenido-fijo.enlace-contenido-externo {
padding: 0 50px;
}
.enlace-contenido-fijo.enlace-contenido-externo::after {
width: 30px;
} .edco-main-menu {
min-height: calc(100vh - var(--main-nav-h));
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-auto-columns: minmax(0, 1fr);
grid-template-rows: unset;
}
.logged-in .edco-main-menu {
grid-template-rows: unset;
}
.edco-main-menu a {
justify-content: start;
}
.edco-link-container {
max-width: unset;
margin-top: unset;
padding: 1em;
} .edco-link-container {
transition: padding-left 0.3s;
}
.edco-main-menu:hover a:hover .edco-link-container {
margin-top: unset;
padding-left: 1.3em;
} .programa-header .download-programa:not(:first-child) {
margin-left: 0.5em;
} .info-page-content {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 4fr);
}
.info-page-contact-form-container {
grid-column-gap: 30px;
} .programa-pregrado .program-dynamic-info-container {
grid-template-columns: 1fr 1fr;
grid-template-rows: 95px auto;
}
.programa-pregrado .course-type-icon {
margin-bottom: 0;
max-height: 95px;
}
.programa-pregrado .course-info-container {
grid-row: 2;
}
.programa-pregrado nav.related-courses-nav {
grid-row: 1 / span 2;
}
.programa-posgrado .program-svg-container svg {
height: auto;
} .banner-menu-item {
display: none;
}
.banner-menu-item:nth-child(1),
.banner-menu-item:nth-child(2),
.banner-menu-item:nth-child(3) {
display: inline-flex;
}
} @media only screen and (max-width: 991px) {  .section-title {
font-size: var(--fz-24pt);
}
.section-title.long-title {
font-size: var(--fz-18pt);
}
.evento-fecha-mes {
font-size: var(--fz-15pt);
}
.evento-fecha-dia {
font-size: var(--fz-30pt);
}
.evento-fecha-ano {
font-size: var(--fz-14pt);
}
.evento-fecha-hora,
.evento-fecha-zona {
font-size: var(--fz-12pt);
}
.evento-fecha-inicio .evento-fecha-dia,
.evento-fecha-fin .evento-fecha-dia {
font-size: var(--fz-24pt);
}
.evento-fecha-inicio .evento-fecha-mes,
.evento-fecha-fin .evento-fecha-mes {
font-size: var(--fz-16pt);
}
h4.wp-block-arqdis-plugin-subtitle {
font-size: var(--fz-20pt);
line-height: var(--fz-24pt);
}
h5.post-subtitle,
.expo-section-title,
.expo-section-shortcut,
.long-index .expo-section-shortcut {
font-size: var(--fz-16pt);
}
h4.post-subtitle,
h2.main-subtitle {
font-size: var(--fz-14pt);
line-height: var(--fz-18pt);
}
h3.post-subtitle,
h2.main-subtitle.long-subtitle,
li.expo-project-title {
font-size: var(--fz-16pt);
}
h6.post-subtitle,
a.facility-link,
time.wp-block-arqdis-plugin-post-date,
h6.wp-block-arqdis-plugin-author {
font-size: var(--fz-14pt);
line-height: var(--fz-20pt);
}
.post-related-people {
font-size: var(--fz-16pt);
line-height: var(--fz-20pt);
}
h6.wp-block-arqdis-plugin-intitle {
font-size: var(--fz-16pt);
line-height: var(--fz-20pt);
}
[class*="wp-block"] figcaption,
span.text-caption,
figcaption.text-caption {
font-size: var(--fz-12pt);
}
blockquote.wp-block-arqdis-plugin-quote {
font-size: var(--fz-24pt);
line-height: 1.4em;
}
.event-intitle,
.post-intitle,
h6.related-content-title {
font-size: var(--fz-18pt);
}
h5.post-intitle {
font-size: var(--fz-20pt);
}
.expo-project-author {
font-size: var(--fz-14pt);
}
button.expo-index {
font-size: var(--fz-16pt);
}
.podcast-episode-title {
font-size: var(--fz-18pt);
}
.anuncio-lista-title,
.anuncio-lista-item-parent {
font-size: var(--fz-18pt);
}
.anuncio-lista-item-name,
.anuncio-lista-item {
font-size: var(--fz-13pt);
}
.anuncio-lista-mes {
font-size: var(--fz-12pt);
} .serie-title,
.archive-title {
font-size: var(--fz-50pt);
}
.serie-title.long-title,
.archive-title.long-title {
font-size: var(--fz-30pt);
}
.small-archive-title {
font-size: var(--fz-28pt);
} .post-related-list-nav a {
font-size: var(--fz-16pt);
}
.edco-category-title {
font-size: var(--fz-40pt);
} .week-event-desc {
font-size: var(--fz-13pt);
line-height: 1.2em;
} .info-page-main p,
.info-page-main li {
font-size: var(--fz-12pt);
line-height: 1.7em;
}
.download-programa,
.programa-header-nav-links {
font-size: var(--fz-12pt);
}  div#side-wrapper {
width: min(50vw, 30rem);
} .home-banner-container,
.edco-nav-marquee,
.cinta-en-construccion {
font-size: var(--fz-17pt);
} .grid-post-thumbnail .cinta-en-construccion {
font-size: var(--fz-20pt);
} h5.post-subtitle {
margin: 0.4em 0;
} .layout-container {
grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr);
grid-column-gap: 30px;
}
.layout-container.wide-content {
grid-template-columns: minmax(0, 2fr) 0px;
}
.layout-main-bottom {
grid-column: span 2;
} .layout-container.alt-layout {
grid-template-columns: 0px minmax(0, 2fr) minmax(0, 1.4fr);
grid-column-gap: 45px;
}
.alt-layout .layout-main-bottom {
grid-column: 2 / span 2;
} .filter-module-container {
display: block;
}
.show-filters-button,
.switch-type-names {
display: none;
}
.topics-filter,
.topics-filter.compressed {
height: unset !important;
max-width: 100vw;
display: flex;
flex-wrap: nowrap;
overflow: auto;
margin: 0 calc(-1 * var(--min-side-margin));
padding: 0 var(--min-side-margin);
-ms-overflow-style: none; scrollbar-width: none; }
.course-type-filter-module .topics-filter button.topic-button-filter {
flex-shrink: 0;
}
.topics-filter::-webkit-scrollbar {
display: none;
} .facility-single-container .post-body {
margin-top: 1rem;
}
#facility-image-container {
--longest-side: 90vw;
height: auto;
overflow-x: auto;
overflow-y: hidden;
position: static;
scroll-snap-type: x mandatory;
}
#facility-image-container > div {
height: auto;
width: min-content;
position: static;
display: flex;
flex-direction: row;
align-items: center;
}
.facility-image {
position: static;
margin: 0 15px;
scroll-snap-align: center;
scroll-snap-stop: always;
overflow: hidden;
}
#facility-slider-container {
position: relative;
}
#facility-slider-container .gallery-nav {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
transition: 0.3s;
}
#facility-slider-container .gallery-nav > img {
height: 3rem;
}
#facility-slider-container #prev-slide {
left: 20px;
}
#facility-slider-container #prev-slide:hover {
left: 10px;
}
#facility-slider-container #next-slide {
right: 20px;
}
#facility-slider-container #next-slide:hover {
right: 10px;
}
.facility-image:hover {
cursor: ew-resize;
} time.fecha-evento {
padding-top: 0.45rem;
justify-content: center;
}
time.fecha-evento span {
padding-bottom: 3px;
}
time.fecha-pasada {
padding-left: 5px;
}
time.fecha-futura {
margin-left: 0;
}
time.fecha-futura > div {
padding-right: 10px;
} .layout-container-expo {
grid-template-columns: 1fr;
grid-template-rows: 1fr;
}
.layout-container-expo .layout-aside {
grid-row: 3;
} .expo-single-container.container-fluid {
padding-left: var(--min-side-margin);
padding-right: var(--min-side-margin);
}
.layout-container-expo .layout-aside {
margin: 0 calc(-1 * var(--min-side-margin));
}
.expo-content {
--expo-nav-h: 50px;
}
.expo-content,
.logged-in .expo-content {
border-left: none;
border-bottom: none;
max-height: unset;
overflow: unset;
position: static;
top: unset;
margin-top: 2rem;
}
nav.expo-navigation button {
border-bottom: 2px solid black;
}
.expo-thumbnail {
display: block;
} nav.expo-index {
padding-left: 30px;
min-height: unset;
}
.expo-index-title {
display: block;
padding-left: 30px;
margin: 0 -15px;
padding-bottom: 1rem;
background: white;
position: relative;
z-index: 2;
}
button.expo-section-shortcut {
border-left: 2px solid black;
}
button.expo-section-shortcut:first-child {
border-top: 2px solid black;
}
button.expo-section-shortcut::before {
left: 3.5em;
} .single-descargables .post-bottom-content {
margin-top: 2rem;
} figure.wp-block-image.is-style-float-left {
float: unset;
max-width: 100%;
margin: 3rem 0;
} blockquote.wp-block-arqdis-plugin-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote {
min-width: 170%;
} .experience-image {
margin: 12.5px 0;
}
.layout-main-top .experience-image:first-child {
margin-top: 30px;
} footer {
padding: 3rem var(--min-side-margin);
}
footer > div:first-child {
grid-template-areas:
"logo skip"
"item1 item2"
"item3 item4";
grid-row-gap: 2rem;
justify-content: initial;
grid-auto-columns: auto;
}
a#footer-logo {
--logo-h: 35px;
}
[id*="footer_col_"]:nth-child(2n) {
margin-left: 0 !important;
margin-right: var(--footer-item-margin);
}
[id*="footer_col_"]:nth-child(2n + 1) {
margin-right: 0 !important;
margin-left: var(--footer-item-margin);
}
#footer_bottom {
text-align: left;
} .info-page-content {
grid-template-columns: minmax(0, 1.5fr) minmax(0, 4fr);
}
.info-page-main {
padding: 15px;
padding-bottom: 80px;
}
.info-page-contact-form-container {
grid-template-columns: 1fr;
grid-row-gap: 30px;
}
nav.pdf-file-grid {
grid-template-columns: 1fr 1fr;
} .interactive-program-container {
grid-row-gap: 0;
}
.program-static-image {
display: initial;
background: white;
padding: 2vw;
}
.program-svg-container,
.program-dynamic-info-container,
.programa-pregrado .program-dynamic-info-container {
display: none;
}
.interactive-program-container {
grid-template-columns: 1fr;
}
.programa-dis.interactive-program-container,
.programa-mdis.interactive-program-container,
.programa-arq.interactive-program-container,
.programa-mam.interactive-program-container {
max-width: unset;
min-width: unset;
} .anuncio-paper-doc-content {
padding: var(--min-side-margin);
}
.anuncio-banner {
width: calc(100% + var(--min-side-margin) * 2);
margin-left: calc(var(--min-side-margin) * -1);
margin-top: calc(var(--min-side-margin) * -1);
}
.anuncio-inline-img {
margin-right: 0;
padding: 0 0 20px 20px;
} .grid-container {
--grid-col-count: 2;
} .post-related-content .grid-archive-item:nth-last-child(2) {
display: none;
} .investigaciones-archive-grid-container,
.series-archive-grid-container {
display: block;
grid-template-columns: unset;
}
.investigaciones-interactive-map {
display: none;
} .series-featured-images {
display: none;
} .programa-header {
grid-template-columns: minmax(0, 1fr);
}
.programa-header .download-programa:not(.admissions-button) {
display: none;
}
.programa-header .download-programa:not(:first-child) {
margin-left: 1em;
}
.programa-header .programa-descripcion {
max-width: 600px;
}
.programa-header .programa-slogan {
width: calc(100% - var(--program-slogan-offset));
}
.programa-header .programa-metadata {
width: 100%;
}
.programa-slogan.sizing-element,
.programa-metadata.sizing-element {
opacity: 1;
}
.enlace-contenido-fijo.enlace-contenido-externo {
padding: 0 35px;
}
.enlace-contenido-fijo.enlace-contenido-externo::after {
width: 25px;
right: 5px;
background-position: center 5px;
} .edco-category-heading {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 30px;
}
.edco-category-title {
padding-right: 0;
}
.edco-heading-bg {
display: none;
} .week-event {
grid-template-columns: 205px 1fr;
width: 530px;
}
} @media only screen and (max-width: 782px) {
:root,
html {
--logged-in-h: 46px;
}
} @media only screen and (max-width: 767px) {
body.single-informacion.admin-bar nav#menu-button {
top: 0;
}
} @media only screen and (max-width: 600px) {
body.single-informacion #wpadminbar {
top: -46px;
}
} @media only screen and (max-width: 767px) {  .section-title.long-title {
font-size: var(--fz-20pt);
}
.podcast-episode-title {
font-size: var(--fz-17pt);
}
.podcast-episode-content p {
font-size: var(--fz-12pt);
} .serie-title,
.archive-title {
font-size: var(--fz-40pt);
}
.archive-subtitle {
font-size: var(--fz-18pt);
}
.tag-archive-title,
.grid-header-container input.search-field,
.grid-header-container form.search-form {
font-size: var(--fz-22pt);
} .programa-heading-title {
font-size: var(--fz-40pt);
}
.programa-heading-title.long-title {
font-size: var(--fz-30pt);
}
.programa-metadata {
font-size: var(--fz-9pt);
}
.programa-header .programa-slogan {
font-size: var(--fz-14pt);
} .grid-post-thumbnail .cinta-en-construccion {
font-size: var(--fz-16pt);
} .grid-title {
font-size: var(--fz-14pt);
}
.grid-subtitle {
font-size: var(--fz-12pt);
}
.grid-smaller-subtitle {
font-size: var(--fz-10pt);
}
.grid-post-type-link {
font-size: var(--fz-11pt);
}
.grid-title.grid-large-title,
.grid-title.grid-medium-title {
font-size: var(--fz-14pt);
}
.grid-title.grid-largest-title {
font-size: var(--fz-16pt);
}
.back-link {
font-size: var(--fz-14pt);
} .course-type-item-header,
.archive-pinned-header {
font-size: var(--fz-14pt);
} .contenido-fijo-title {
font-size: var(--fz-18pt);
}
.contenido-fijo-item {
font-size: var(--fz-12pt);
} .info-page-content .table-of-contents h6,
.wp-block-arqdis-plugin-section-title {
font-size: var(--fz-18pt);
color: black;
font-weight: 700;
}
.info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-14pt);
}
.info-page-content .table-of-contents a,
.info-section .info-section .wp-block-arqdis-plugin-section-title {
font-size: var(--fz-14pt);
}
.info-page-content .table-of-contents a {
color: black;
text-decoration: none;
}
.info-page-content .table-of-contents a.active-anchor {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}  body.archive main {
overflow-x: hidden; } .layout-container,
.layout-container.wide-content {
grid-template-columns: minmax(0, 1fr);
grid-column-gap: 0;
}
.layout-aside {
grid-row: span 1;
}
.layout-aside.bottom-on-mobile {
grid-row: 3 / span 1;
}
.layout-main-bottom {
grid-column: span 1;
} .layout-container.alt-layout {
grid-template-columns: minmax(0, 1fr) min-content;
grid-column-gap: 15px;
}
.alt-layout .layout-left-bar {
grid-column: 2;
}
.alt-layout .layout-heading {
grid-column: 1;
}
.alt-layout .layout-aside,
.alt-layout .layout-main-top,
.alt-layout .layout-main-bottom {
grid-column: 1 / span 2;
} .layout-bottom-row {
grid-column: span 1;
}
.layout-container.inverted-layout {
grid-template-columns: minmax(0, 1fr);
} .cover-container { position: unset;
left: unset;
padding: unset;
margin-top: 1.4rem;
}
.cover-container img {
width: 80%;
}
.cover-container img.full-width-image {
width: 100%;
}
.cover-container .placeholder-image {
display: none;
}
.cover-container.series-cover {
position: relative;
}
.layout-main-top nav.post-buttons {
display: grid;
}
.layout-aside nav.post-buttons {
display: none;
} #experience-video-container {
margin: 1rem 0;
}
.layout-main-top .experience-image:first-child {
margin-top: 12.5px;
}
.layout-aside .experience-image:first-child {
margin-top: 30px;
} .single-cursos .cover-container {
position: relative;
}
.cover-container .course-types-icons {
top: 10px;
right: calc(10px + 20%);
width: 17%;
gap: 10px;
} time.fecha-evento {
justify-content: center;
padding-left: 0;
}
time.fecha-futura > div {
padding-right: 0;
}
.child-event-list li {
grid-template-columns: auto;
grid-row-gap: 1rem;
}
.child-event-list li,
.post-child-list li {
padding-left: 15px;
padding-right: 15px;
}
.child-event-time {
margin-left: 0;
}
.child-event-list li.event-itinerary-date:first-child {
padding-top: 0;
}
.child-event-list li.event-itinerary-date {
padding-left: 0;
}
.event-itinerary-date
~ li:not(.event-itinerary-date + li):not(.event-itinerary-date) {
border-top: 1px solid black;
}
.event-itinerary-date ~ li:not(.event-itinerary-date + li) .child-event-data {
border-top: 0;
}
.event-itinerary-date ~ li:not(.event-itinerary-date + li) > * {
padding-top: 0;
}
.event-itinerary-date + li {
padding-bottom: 1.5rem;
}
.event-itinerary-date
~ li:not(.event-itinerary-date + li):not(.event-itinerary-date) {
padding-top: 1.5rem;
}
.event-itinerary-date ~ li:not(.event-itinerary-date) {
padding-left: 0;
margin-left: 15px;
}
.child-event-list li.event-itinerary-date {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
margin-top: 0;
} .publication-index,
.publication-index-title {
display: none;
} .pub-credits-list {
display: none;
} figure.wp-block-image.is-style-float-left {
float: left;
max-width: 50%;
margin-left: calc(var(--min-side-margin) * -1 + var(--float-margin));
margin-right: 2rem;
margin-top: 0.5rem;
margin-bottom: -5px;
} blockquote.wp-block-arqdis-plugin-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-grid-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-dot-quote,
blockquote.wp-block-arqdis-plugin-quote.is-style-math-quote {
min-width: 100%;
} main.no-title {
margin-top: 0;
}
main.no-title .wp-block-arqdis-plugin-subtitle {
margin-top: 0.8em;
} .single-publicaciones .post-bottom-content {
margin-top: 2rem;
} .single-descargables .post-bottom-content {
margin-top: 0;
}
.layout-aside.layout-push-to-bottom {
grid-row: 4;
}
h6.related-pub-title {
display: block;
}
.single-descargables h6.related-pub-title {
margin-top: 0.5em;
} .anuncio-paper-doc-content {
padding: var(--min-side-margin) calc(var(--min-side-margin) / 2);
margin: 0 calc(var(--min-side-margin) / -2);
}
.anuncio-attachments-container {
padding-left: calc(var(--min-side-margin) / 2) !important;
padding-right: calc(var(--min-side-margin) / 2) !important;
}
.anuncio-banner {
width: calc(100% + var(--min-side-margin));
margin-left: calc(var(--min-side-margin) / -2);
} .cover-container .research-thumb-container {
width: 80%;
}
.research-thumb-container > img {
width: 100%;
} .opacity-slideshow-container .gallery-nav > img {
height: 2.5rem;
}
.opacity-slideshow-container #prev-slide:hover {
left: 13px;
}
.opacity-slideshow-container #next-slide:hover {
right: 13px;
} .publicaciones-slider-height-wrapper {
padding-top: calc(var(--pub-cover-h) * 0.8);
}
.over-content-slider-container {
margin: 0px calc(-1 * var(--min-side-margin));
width: 100vw;
overflow-x: auto;
-ms-overflow-style: none; scrollbar-width: none; }
.over-content-slider-container::-webkit-scrollbar {
display: none;
}
.over-content-slider-container > img:first-child {
margin-left: var(--min-side-margin);
}
.over-content-slider-container > img:last-child {
padding-right: var(--min-side-margin);
}
.over-content-slider-container {
display: flex;
flex-direction: row;
align-items: start;
height: 100%;
flex-wrap: nowrap;
}
.over-content-slider-container > img {
flex-shrink: 0;
}
.publicaciones-thumbnails {
display: none;
}
.over-content-slider-handle,
.over-content-slider-container > img:first-child {
height: 100%;
width: auto;
max-width: unset;
box-shadow: unset;
}
.over-content-slider-handle:not(:first-child) {
opacity: 1;
left: unset;
top: unset;
right: unset;
} #serie-badge {
right: 0;
width: 25%;
} .week-event-list {
padding: 0 15px;
}
.week-events-banner .grid-largest-title {
padding-left: 15px;
}
.week-events-scroller {
margin-right: 15px;
margin-top: 15px;
}
.week-events-banner {
padding-top: 15px;
padding-bottom: 15px;
}
.week-event {
grid-template-columns: 215px 1fr;
width: 515px;
}
.home .week-events-banner-container ~ .grid-header-container h2 {
margin-top: 1em;
} .programa-top-container {
flex-direction: column-reverse;
}
.programa-contenidos-fijos {
margin-top: 25px;
margin-bottom: 0;
}
.programa-contenidos-fijos {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 20px;
} .post-related-grid .back-button-container {
margin-bottom: 3rem;
} .post-related-list-nav {
grid-template-columns: minmax(0, 1fr);
}
.post-related-list-nav a:nth-last-child(2) {
border-bottom: none;
}
.post-related-list-nav a:nth-child(2) {
margin-top: -2px;
}
.simple-form-container .wpcf7 .wpcf7-form {
padding-left: 0;
padding-right: 0;
}
.edco-contact-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.edco-contact-container .hide-in-mobile {
display: none;
} .info-page-content {
grid-template-columns: 1fr;
box-shadow: none;
}
.info-page-mobile-toc {
display: block;
padding: 0;
margin: 15px 0 15px;
}
body.single-informacion {
--info-page-selector-h: 54px;
}
body.single-informacion.info-page-toc-open {
overflow: hidden;
}
body.single-informacion.info-page-toc-open .info-page-mobile-selector {
position: fixed;
left: 0;
right: 0;
top: 0;
}
.info-page-mobile-selector {
display: block;
position: sticky;
top: 0;
z-index: 5000;
width: 100vw;
margin-left: calc(50% - 50vw);
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow:
0 10px 10px rgba(0, 0, 0, 0.22);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.logged-in .info-page-mobile-selector {
top: 0;
}
.info-page-mobile-selector__button {
width: 100%;
min-height: var(--info-page-selector-h);
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 8px 15px;
background: transparent;
border: none;
cursor: pointer;
font-family: "Roboto Mono", monospace;
line-height: 1.1em;
text-transform: uppercase;
font-weight: 700;
font-size: var(--fz-14pt);
color: #000;
}
.info-page-mobile-selector__current {
flex: 1;
text-align: left;
}
.info-page-mobile-selector__button::after {
content: "";
display: block;
width: 1.1em;
height: 1.1em;
flex: none;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/arrow-button-dwn.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transform: rotate(0deg);
transition: transform 0.2s ease;
}
body.single-informacion.info-page-toc-open
.info-page-mobile-selector__button::after {
transform: rotate(180deg);
}
body.single-informacion .info-page-content .table-of-contents {
position: fixed;
left: 0;
right: 0;
top: var(--info-page-selector-h);
bottom: auto;
z-index: 4999;
max-height: min(
72vh,
calc(100vh - var(--info-page-selector-h) - 12px)
);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: 0 26px 60px rgba(0, 0, 0, 0.2);
border-radius: 0;
opacity: 0;
pointer-events: none;
transform: translateY(-10px);
transition:
opacity 0.2s ease,
transform 0.2s ease;
}
body.single-informacion
.info-page-content
.table-of-contents::-webkit-scrollbar {
display: none;
}
body.single-informacion.info-page-toc-open
.info-page-content
.table-of-contents {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
padding-top: 1rem;
padding-left: 1rem;
}
.info-page-mobile-toc-backdrop {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 4998;
background: rgba(0, 0, 0, 0.22);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}
body.single-informacion.info-page-toc-open .info-page-mobile-toc-backdrop {
opacity: 1;
pointer-events: auto;
}
.index-track .table-of-contents li.has-child-anchors + li {
display: block;
}
.info-page-content .table-of-contents > ul > li {
margin-bottom: 0.5em;
}
.index-track {
box-shadow: none;
}
.index-track .table-of-contents {
padding: 0;
padding-bottom: 5px;
}
.index-track .table-of-content,
.logged-in .index-track .table-of-contents {
max-height: unset;
}
.info-page-main {
padding: 0;
padding-bottom: 80px;
}
.info-page-1 .info-page-main {
padding-bottom: 0;
}
.info-page-2 {
margin-top: 0;
}
.plan-contiene-boton-descargable ~ .info-page-2 {
margin-top: 70px;
}
.info-page-main .wpcf7 .wpcf7-form {
margin-bottom: 0;
}
.info-page-toc h6 {
display: block;
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
color:black;
font-weight: bold;
font-size: var(--fz-16pt);
margin-bottom: 0.2em;
}
.info-page-toc a,
.info-page-toc a:visited {
color: #000;
text-decoration: none;
}
.info-page-toc a.active-anchor,
.info-page-toc a.active-anchor:visited {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.info-page-toc .info-page-download-link a::after,
.info-page-toc .info-page-contact-link a::after {
content: none;
}
.info-page-toc li.toc-child-anchors ul {
padding-left: 30px;
}
.info-page-toc li.toc-child-anchors a {
font-size: var(--fz-12pt);
font-weight: 500;
opacity: 0.9;
}
.info-page-toc ul {
padding-left: 15px;
}
.info-page-toc a::after {
content: "";
display: inline-block;
width: 1.1em;
height: 1em;
margin-left: 0.5em;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/arrow-button-se.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.info-page-background {
display: none;
}
.info-section {
padding-left: 5px;
}
.info-page-content .table-of-contents .info-page-download-link {
margin-top: 1.2em;
}
.info-page-content .table-of-contents .info-page-download-link a::after,
.info-page-content .table-of-contents .info-page-contact-link a::after {
content: none;
}
.info-page-content img[data-mfp-src] {
pointer-events: none;
} .info-page-1 .full-page-track {
position: static;
width: unset;
height: unset;
mask-image: unset;
-webkit-mask-image: unset;
background: transparent;
} .interactive-program-container {
margin-top: 0;
}
.program-static-image {
margin: 2rem 0;
box-shadow: none;
} @media screen and (max-width: 991px) {
.interactive-program-container .program-static-image {
display: block !important;
}
} @media screen and (min-width: 992px) and (max-width: 1499px) {
.interactive-program-container .program-static-image {
display: block !important;
}
} @media screen and (min-width: 992px) and (max-width: 1499px) {
.programa-dis.interactive-program-container,
.programa-mdis.interactive-program-container {
grid-template-columns: 1fr !important;
}
.programa-dis.interactive-program-container .program-svg-container,
.programa-mdis.interactive-program-container .program-svg-container {
display: none !important;
}
.programa-dis.interactive-program-container .program-static-image,
.programa-mdis.interactive-program-container .program-static-image {
display: block !important;
}
} @media screen and (max-width: 991px) {
.programa-dis.interactive-program-container,
.programa-mdis.interactive-program-container {
display: block !important;
grid-template-columns: unset !important;
}
.programa-dis.interactive-program-container .program-static-image,
.programa-mdis.interactive-program-container .program-static-image {
display: block !important;
max-width: 100%;
box-shadow: none;
}
.programa-dis.interactive-program-container .program-svg-container,
.programa-mdis.interactive-program-container .program-svg-container {
display: none !important;
} .programa-dis.interactive-program-container .program-acordeon-container,
.programa-mdis.interactive-program-container .program-acordeon-container {
display: block !important;
width: 100%;
}
}
.download-study-plan-button {
margin-top: 0;
}  div#side-wrapper {
width: max(
0px,
min(calc(100vw - var(--aside-pad) * 2 - var(--scrollbar-w)), 30rem)
); }
.single nav#branding-top,
.tax-series nav#branding-top,
.single nav#menu-button,
.tax-series nav#menu-button {
position: absolute;
} body.mid-scroll.single #branding-uniandes,
body.mid-scroll.single #titulo-arqdis,
body.mid-scroll.single #marca-registrada {
display: initial;
} footer {
padding: 3rem var(--min-side-margin);
}
footer > div:first-child {
grid-template-areas:
"logo"
"item1"
"item2"
"item3"
"item4";
grid-row-gap: 2rem;
}
[id*="footer_col_"]:nth-child(2n + 1) {
margin-left: 0 !important;
margin-right: var(--footer-item-margin);
}
#footer_bottom {
margin-top: 2rem;
}
.footer-text-subtitle {
margin-top: 0.2em;
}
.scroll-top-icon {
width: 2.5rem;
}
svg#scroll-to-top line,
svg#scroll-to-top polyline {
stroke-width: 1.5;
}  .paper-item .grid-post-link {
padding: 10px 20px 15px 20px;
}
}
@media only screen and (max-width: 700px) {
nav#branding-top.on-site-top #anos-uniandes {
display: none;
}
} @media only screen and (max-width: 575px) {  .section-title.long-title {
font-size: var(--fz-18pt);
}
blockquote.wp-block-arqdis-plugin-quote {
font-size: var(--fz-18pt);
}
.topics a,
.topics span,
.filter-module-container,
.topics-filter,
.topics-filter button.topic-button-filter,
.show-filters-button,
.switch-type-names,
.filter-tax-divider {
font-size: var(--fz-12pt);
}
.anuncio-lista-title,
.anuncio-lista-item-parent {
font-size: var(--fz-16pt);
}
.anuncio-lista-item-name,
.anuncio-lista-item {
font-size: var(--fz-12pt);
} .child-event-title {
font-size: var(--fz-14pt);
}
.child-event-speakers {
font-size: var(--fz-12pt);
margin-top: 0.2em;
}
.child-event-desc {
font-size: var(--fz-12pt);
line-height: 1.4em;
}
.evento-fecha-inicio .evento-fecha-dia,
.evento-fecha-fin .evento-fecha-dia {
font-size: var(--fz-22pt);
}
.evento-fecha-inicio .evento-fecha-mes,
.evento-fecha-fin .evento-fecha-mes {
font-size: var(--fz-15pt);
} .wpcf7 label {
font-size: var(--fz-12pt);
font-weight: 400;
} .footer-text-title {
font-size: var(--fz-12pt);
}
.footer-text-subtitle {
font-size: var(--fz-10pt);
}  .serie-title,
.archive-title {
font-size: var(--fz-30pt);
}
.archive-subtitle {
font-size: var(--fz-16pt);
}
.serie-title.long-title,
.archive-title.long-title {
font-size: var(--fz-24pt);
}
.small-archive-title {
font-size: var(--fz-22pt);
}
.tag-archive-title,
.grid-header-container input.search-field,
.grid-header-container form.search-form {
font-size: var(--fz-18pt);
} .programa-heading-title {
font-size: var(--fz-26pt);
}
.programa-heading-title.long-title {
font-size: var(--fz-22pt);
}
.programa-contenidos-fijos {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
.caja-contenido-fijo.hide-in-mobile,
.hide-in-mobile {
display: none;
} .grid-post-thumbnail .cinta-en-construccion {
font-size: var(--fz-18pt);
}  .course-type-item-header,
.archive-pinned-header {
font-size: var(--fz-16pt);
}
.grid-container a.post-button,
.grid-container button.post-button,
.course-type-desc-item .post-body p {
font-size: var(--fz-14pt);
} .info-page-contact-title {
font-size: var(--fz-18pt);
} .edco-main-menu a {
font-size: var(--fz-22pt);
}
.post-related-list-nav a {
font-size: var(--fz-14pt);
}
.edco-contact-container p {
font-size: var(--fz-12pt);
}
.highlighted-edco-subtitle {
font-size: var(--fz-24pt);
}
.edco-category-title {
font-size: var(--fz-28pt);
} .wp-block-buttons,
a.wp-block-button__link {
font-size: var(--fz-12pt);
} .grid-title.grid-large-title,
.grid-title.grid-largest-title {
font-size: var(--fz-18pt);
}
.grid-title.grid-medium-title {
font-size: var(--fz-16pt);
}
h6.related-content-title,
.post-intitle {
font-size: var(--fz-17pt);
}
h5.post-intitle {
font-size: var(--fz-20pt);
}
.load-more-posts,
.load-more-posts button {
font-size: var(--fz-18pt);
} .anuncio-badge {
font-size: var(--fz-10pt);
} .post-related-content .grid-title {
font-weight: 700;
margin-bottom: 0;
}
.post-related-content .grid-subtitle {
font-size: var(--fz-12pt);
margin-top: 0.2em;
} :root,
html { --min-side-margin: 15px;
}
.post-body {
margin-top: 0.4rem;
}
.post-metadata.metadata-list.publication-metadata {
flex-direction: column;
}
.post-metadata.metadata-list span {
margin-bottom: 1rem;
}
.post-metadata.metadata-list span:not(:only-child):after {
content: "";
margin-bottom: 1rem;
} .wpcf7-form,
.wpcf7 .wpcf7-form {
padding: 1rem 20px;
margin: 4rem -15px;
}
.event-intitle ~ .wpcf7 .wpcf7-form,
.post-intitle ~ .wpcf7 .wpcf7-form {
margin-top: 0;
} time.fecha-evento {
margin-right: 5px;
}
div.evento-video {
margin-top: 2rem;
}
.child-event-list li,
.post-child-list li {
padding-left: 3px;
padding-right: 3px;
}
.child-event-data {
max-width: 100%;
}
.event-agenda-button {
max-width: 100%;
} .expo-index-title {
padding-left: 15px;
}
nav.expo-index {
padding-left: 15px;
}
.expo-content.complex-content ul.expo-section-list,
.expo-content.middle-content ul.expo-section-list {
padding-left: 0px;
}
button.expo-section-shortcut {
padding: 10px 2em;
}
button.expo-section-shortcut::before {
left: 1.5em;
} li.podcast-episode {
grid-template-columns: 1fr;
}
.podcast-buttons {
flex-direction: row;
grid-row: 2;
}
.podcast-buttons img {
margin-bottom: 0;
margin-right: 0.5em;
}
.podcast-info {
display: grid;
}
.podcast-embed {
grid-row: 4;
}
.podcast-episode-content {
margin-bottom: 0;
}
.podcast-info > .podcast-embed.active-episode {
margin-bottom: 1rem;
} .single-podcasts .podcast-two-column {
grid-template-columns: 1fr;
grid-column-gap: 0;
}
.single-podcasts .podcast-episodes-list-container {
padding-left: 0;
padding-right: 0;
} h6.wp-block-arqdis-plugin-intitle {
margin-top: 1.5em;
} figure.wp-block-image.is-style-float-left {
float: unset;
max-width: 100%;
margin: 3rem 0;
} .anuncio-main-wrapper {
padding: max(1rem, min(3vw, 5rem)) 0 0 0;
background-image: unset;
margin-bottom: 0;
padding-bottom: 0;
}
.anuncio-paper-doc-content {
padding: 0;
margin: 0;
}
.anuncio-paper-doc {
box-shadow: unset;
background-color: transparent;
}
.anuncio-attachments-container {
padding-left: var(--min-side-margin) !important;
padding-right: var(--min-side-margin) !important;
}
.anuncio-attachments-container .anuncio-paper-doc {
padding: 0;
}
.anuncio-clip {
display: none;
}
.anuncio-attachments-container {
margin-top: 0;
display: block;
margin-bottom: 2rem;
}
.post-intitle.anuncio-attachments-heading {
display: block;
margin-top: 1em;
margin-bottom: 0.5em;
}
.anuncio-main-wrapper .container-fluid.thin-container:only-child {
margin-bottom: 3rem;
}
.anuncio-banner {
width: calc(100% + var(--min-side-margin) * 2);
margin-left: calc(var(--min-side-margin) * -1);
}
.anuncio-inline-img {
max-width: 500px;
height: auto;
float: unset;
padding: 0;
max-height: 40vh;
width: auto;
}
.anuncio-lista {
column-count: 1;
margin-top: 15px;
} #serie-badge {
width: 30%;
} .week-event {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: unset;
width: calc(100vw - var(--min-side-margin) * 2 - 32px);
}
.week-event nav {
grid-column: 1;
grid-row: 2;
}
.week-event-thumb-link {
display: none;
}
.week-event-list {
scroll-snap-type: x mandatory;
}
.week-event {
scroll-snap-align: center;
}
.contains-multiple-events ~ .week-events-scroller {
display: flex;
}
.grid-header-container.related-grid-is-loading
~ .week-events-banner-container {
opacity: 1;
} .programa-header .programa-slogan,
.programa-header .programa-metadata {
width: 100%;
}
.programa-header .programa-metadata {
display: none;
}
.enlace-contenido-fijo.enlace-contenido-externo {
padding: 0 50px;
}
.enlace-contenido-fijo.enlace-contenido-externo::after {
width: 30px;
right: 10px;
background-position: center;
} .info-page-contact-form-container {
margin: 0;
}
.info-page-contact-form .wpcf7-form {
margin: 0;
}  nav#menu-button a {
font-size: var(--fz-14pt);
}
nav#branding-top.on-site-top #titulo-arqdis,
nav#branding-top.on-site-top #anos-uniandes {
display: none;
}
nav#main-nav,
footer,
.nota-banner-container,
.episode-banner-container,
main,
body {
--logo-h: 30px;
}
a#home-link img#marca-registrada {
width: 7px;
height: 7px;
transform: translateY(50%);
} .anuncio-badge {
transform: translate(
5%,
-50%
); width: 9ch;
height: 9ch;
} .grid-container {
--grid-col-count: 1;
} .packery-layout-grid .grid-archive-col-sizer,
.packery-layout-grid .grid-archive-gutter-sizer {
display: none;
}
.packery-layout-grid .archive-grid-layout {
display: grid;
grid-template-columns: 1fr;
grid-gap: var(--grid-gutter-sz);
}
.packery-layout-grid .archive-grid-layout .grid-archive-item,
.packery-layout-grid .archive-grid-layout .grid-archive-item.double-width,
body:not(.post-type-archive-audiovisuales)
.packery-layout-grid
.grid-archive-item.double-width:not(
.grid-archive-item.double-width + .grid-archive-item.double-width
),
.packery-layout-grid
.grid-archive-item.double-width:not(
.grid-archive-item.double-width + .grid-archive-item.double-width
),
.post-type-archive-audiovisuales
.packery-layout-grid
.grid-archive-item.double-width:nth-child(8n),
.packery-layout-grid .stamped-content.double-width {
width: 100%;
}
.packery-layout-grid .archive-grid-layout.loading-masonry {
opacity: 1;
} .post-related-content .grid-container {
--grid-gutter-sz: 35px;
}
.post-related-content .grid-archive-item:nth-last-child(1),
.post-related-content .grid-archive-item:nth-last-child(2) {
display: flex;
}
.post-related-content .show-in-singles {
display: initial;
}
.post-related-content {
margin-top: 0;
padding-bottom: 0;
}
h6.related-content-title {
margin-bottom: 1em;
} .post-related-content .grid-post-thumbnail {
display: none;
}
.post-related-content .grid-archive-item .grid-title {
margin-top: 0;
}
.post-related-content .grid-title.grid-large-title,
.post-related-content .grid-title.grid-medium-title,
.post-related-content .grid-title.grid-largest-title {
font-size: var(--fz-14pt);
}
.post-related-content .grid-title.grid-largest-title {
text-transform: initial;
}
.post-related-content .grid-post-type-link {
pointer-events: none;
}
.post-related-content .external-clasificado-wrapper::after,
.post-related-content .enlace-externo-item .grid-post-link::after,
.post-related-content .edco-item .grid-post-link[href]::after,
.post-related-content .evento-item .grid-post-link[target="_blank"]::after,
.post-related-content .generico-item .grid-post-link[target="_blank"]::after,
.post-related-content .persona-item .grid-post-link[target="_blank"]::after,
.post-related-content
.documento-item
.grid-post-link[target="_blank"]::after {
content: unset;
} body:not(.post-type-archive-investigaciones)
.post-related-content
.investigacion-item
.grid-title::before {
content: unset;
}
.post-related-content .investigacion-item .grid-post-link:hover .grid-title {
color: black;
} .post-related-content .clasificado-item .grid-post-link {
border-top: none;
border-bottom: none;
padding: 0;
}
.post-related-content .clasificado-item .clasificados-grid-subtitle {
display: none;
}
.post-related-content .grid-subtitle.clasificados-grid-type {
font-weight: 400;
color: black;
text-transform: unset;
}
.post-related-content .clasificado-item .grid-post-link {
flex-direction: column-reverse;
}
.post-related-content .clasificado-item .grid-post-link:hover .grid-title {
color: black;
}
.post-related-content .clasificado-item .beca-wrapper {
border: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column-reverse;
}
.post-related-content .external-clasificado-wrapper {
border: none;
padding: 0;
background: none;
}
.post-related-content .external-clasificado-wrapper::after {
content: unset;
background-image: none;
}
.post-related-content .external-clasificado .clasificados-grid-type {
display: initial;
}
.post-related-content .paper-item .grid-post-link {
box-shadow: none;
padding: 0;
position: static;
}
.post-related-content .paper-item .topics,
.post-related-content .paper-item .topics + .grid-subtitle {
display: none;
}
.post-related-content .paper-item .grid-subtitle {
margin-top: 0.2em;
} .post-related-content .anuncio-item .grid-post-link {
padding: 0;
border: none;
}
.post-related-content .anuncio-badge {
display: none;
}
.post-related-content .anuncio-item .grid-paragraph {
display: none;
}
.post-related-content .anuncio-item:hover .grid-title {
color: black;
} button.unloaded-video figure::after {
--play-btn-w: 15%;
} .stamped-content.generic-template {
position: static;
grid-template-columns: 1fr;
grid-template-rows: unset;
grid-auto-flow: unset;
grid-row-gap: 15px;
}
.is-filtered .stamped-content {
display: none;
}
}
@media (max-width: 430px) { .tecnico > span,
.tecnico > span.nombre {
display: block;
}
.tecnico.post-metadata span:not(:last-child):after {
content: unset;
}
}  @media only screen and (min-width: 768px) and (min-aspect-ratio: 999999999/999999998) and (max-aspect-ratio: 192/149) {
.home-banner-story-container {
grid-template-columns: repeat(3, 33.3333333%);
}
.home-banner-story:nth-child(4) {
display: none;
}
} @media only screen and (min-width: 768px) and (max-aspect-ratio: 1/1),
only screen and (min-width: 768px) and (min-aspect-ratio: 293040293/125000000),
only screen and (max-width: 767px) {
.banner-menu-container {
display: none;
}
.home-banner-container {
--home-banner-h: calc(100vh - var(--main-nav-h) - var(--banner-menu-h));
}
.logged-in .home-banner-container {
--home-banner-h: calc(
100vh - var(--main-nav-h) - var(--banner-menu-h) - var(--logged-in-h)
);
}
.home-banner-story-container {
grid-template-columns: 1fr;
grid-template-rows: repeat(4, calc(var(--home-banner-h) / 4));
}
.banner-img-desktop,
.banner-video-desktop {
display: none;
}
.banner-img-mobile,
.banner-video-mobile {
display: block;
}
a.home-banner-story {
background-image: none !important;
}  .home-banner-story img,
.home-banner-story video {
object-position: 50% 50%;
}
.home-banner-story[href]:hover img,
.home-banner-story[href]:hover video {
transform: scale(1.03);
}
.home-banner-story {
box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.5);
}
.home-banner-story:hover {
box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.5);
}
}
@media only screen and (min-width: 768px) and (min-aspect-ratio: 417/454) and (max-aspect-ratio: 1/1),
only screen and (max-width: 767px) and (min-aspect-ratio: 100896861/125000000) and (max-aspect-ratio: 1812688822/1666666667) {
.home-banner-story-container {
grid-template-rows: repeat(2, calc(var(--home-banner-h) / 2));
}
.home-banner-story:nth-child(3),
.home-banner-story:nth-child(4) {
display: none;
}
}
@media only screen and (min-width: 768px) and (min-aspect-ratio: 32/45) and (max-aspect-ratio: 367400881/400000000),
only screen and (max-width: 767px) and (min-aspect-ratio: 534759358/833333333) and (max-aspect-ratio: 237404379/294117647) {
.home-banner-story-container {
grid-template-rows: repeat(3, calc(var(--home-banner-h) / 3));
}
.home-banner-story:nth-child(4) {
display: none;
}
}
@media only screen and (max-width: 767px) and (min-aspect-ratio: 2719033233/2500000000),
only screen and (min-width: 768px) and (min-aspect-ratio: 293040293/125000000) {
.home-banner-story-container {
grid-template-rows: 33.333333vw;
}
.home-banner-story:nth-child(2),
.home-banner-story:nth-child(3),
.home-banner-story:nth-child(4) {
display: none;
}
} @media only screen and (min-width: 768px) and (min-aspect-ratio: 1847/786) {
.home-banner-story-container {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
grid-auto-rows: auto !important;
grid-auto-flow: row !important;
}
.home-banner-story:nth-child(n + 4),
.home-banner-story:nth-child(n + 3),
.home-banner-story:nth-child(n + 2),
.home-banner-story:nth-child(n + 1) {
display: block !important;
}
.banner-img-mobile,
.banner-video-mobile {
display: none !important;
}
.banner-img-desktop,
.banner-video-desktop {
display: block !important;
}
} @media (hover: none) { .post-body a:not(.not-default-link):not(.wp-block-button__link)[href]::after,
.post-related-people a[href]::after,
a.form-link[href]::after,
.wp-block-arqdis-plugin-author a::after,
.wp-block-arqdis-plugin-host a::after,
a[href].bold-on-hover::after,
a[href].bold-on-hover-body::after,
button.bold-on-hover::after,
button.bold-on-hover-body::after {
content: unset;
}  .post-body a:not(.not-default-link):not(.wp-block-button__link)[href]:hover,
.post-related-people a[href]:hover,
a.form-link[href]:hover,
a[href].bold-on-hover:hover,
a[href].bold-on-hover-body:hover,
button.bold-on-hover:hover,
button.bold-on-hover-body:hover,
.wp-block-arqdis-plugin-author a[href]:hover {
-webkit-text-stroke-color: transparent;
} .home-banner-story:hover,
.home-banner-story[href]:hover {
z-index: 0;
}
.home-banner-story:hover img,
.home-banner-story[href]:hover img {
object-position: initial;
}
.home-banner-story-container:hover .home-banner-story:not(:hover) {
opacity: 1;
} .edco-main-menu:hover a:not(:hover) {
opacity: 1;
}
.edco-main-menu:hover a:hover .edco-link-container {
margin-top: unset;
padding-left: 1em;
}
.post-related-list-nav a:hover span {
transform: translateX(0);
} .info-page-content .table-of-contents li a:hover {
transform: translateX(0px);
}
a[href].programa-heading-title:hover {
left: 0;
position: static;
} .classified-related-links li:hover {
transform: translateX(0px);
} .podcast-buttons a:hover,
.podcast-buttons button:hover {
filter: hue-rotate(0deg);
} .info-page-main a:hover {
color: var(--arqdis-blue);
}
.programa-header .download-programa:hover {
background-color: black;
}
.info-page-content .table-of-contents li a:hover {
transform: translateX(0px);
}
nav.pdf-file-grid a:hover img {
filter: grayscale(0%);
}
nav.pdf-file-grid a:hover figure::after {
opacity: 0;
} .load-more-posts button:hover {
background-color: black;
}
.topics-filter button.topic-button-filter[status="active"]:hover,
.topics-filter button.topic-button-filter[status="active"]:focus {
background-color: white;
color: var(--arqdis-blue);
outline: 2px solid var(--arqdis-blue);
outline-offset: -2px;
}
.topics-filter button.topic-button-filter:hover,
.topics-filter button.topic-button-filter:focus {
background-color: var(--arqdis-blue);
color: white;
outline: 2px solid transparent;
outline-offset: -2px;
}
.course-type-filter-module.has-hover-inside
.topics-filter
button.topic-button-filter[status="inactive"],
.course-type-filter-module:focus-within
.topics-filter
button.topic-button-filter[status="inactive"] {
opacity: 1;
}
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:hover[status="active"],
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:focus[status="active"] {
opacity: 1;
}
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:hover[status="inactive"],
.has-filtered-grid
.course-type-filter-module
.topics-filter
button.topic-button-filter:focus[status="inactive"] {
opacity: 0.2;
}
.grid-post-type-link[href]:hover span::after {
width: 1ch;
}
.grid-post-link[href]:hover .grid-post-thumbnail.blue-on-hover img {
filter: grayscale(0%);
}
.grid-post-link[href]:hover .grid-post-thumbnail.blue-on-hover::after {
opacity: 0;
}
.grid-post-link:hover .grid-post-thumbnail.rise-on-hover {
bottom: 0;
}
.grid-pub-links a:hover,
.grid-item-links a:hover {
background: black;
}
.investigacion-item .grid-post-link:hover .grid-title,
.serie-item .grid-post-link:hover .grid-title {
color: black;
}
.clasificado-item .grid-post-link:hover .grid-title {
color: var(--clasificado-txt-c);
}
.paper-item .grid-post-link:hover {
bottom: 0;
}
.contenido-fijo-item:hover a.grid-post-link {
border: 2px solid var(--arqdis-blue);
}
.contenido-fijo-item:hover .contenido-fijo-title {
color: var(--arqdis-blue);
}
.contenido-fijo-item:hover .contenido-fijo-subtitle {
color: var(--arqdis-blue);
}
.stamped-content.generic-template a:hover {
background-color: var(--arqdis-blue);
}
.anuncio-item:hover .grid-title {
color: black;
}
button.unloaded-video:hover figure::after {
filter: saturate(0);
}
.grid-post-thumbnail:hover .cinta-en-construccion {
opacity: 1;
} .back-button-container a:hover {
margin-right: 0;
background: black;
} .week-event-thumb-link[href]:hover img,
.week-event-info-link[href]:hover ~ .week-event-thumb-link img {
filter: grayscale(0%);
}
.week-event-thumb-link[href]:hover figure::after,
.week-event-info-link[href]:hover ~ .week-event-thumb-link figure::after {
opacity: 0;
}
.week-event.week-past-event .week-event-thumb-link[href]:hover img,
.week-event.week-past-event
.week-event-info-link[href]:hover
~ .week-event-thumb-link
img {
filter: grayscale(1) contrast(0.2) brightness(1.7);
}
.week-event nav a:hover,
.resize-gallery-container nav a:hover {
color: var(--arqdis-gray);
}
.week-event nav .week-event-enter:hover {
color: var(--arqdis-blue);
}
.week-event-add-to-cal:hover::after {
transform: unset;
}
.week-event-view-more:hover::after,
.week-event-enter:hover::after {
transform: translate(0px, 0px);
}
.week-events-scroller button:first-of-type:enabled:hover {
transform: translate(0px, 0px);
}
.week-events-scroller button:last-of-type:enabled:hover {
transform: translate(0px, 0px);
} .enlace-contenido-fijo:hover {
color: blue;
transform: scale(1);
} .topics a:hover,
.topics a:focus {
background-color: var(--arqdis-blue);
}
.post-buttons a:hover,
.post-buttons button:hover {
background: black;
}
a.facility-link:hover,
a.facility-link:focus {
color: black;
}
a.facility-link:hover img,
a.facility-link:focus img {
filter: brightness(0);
}
.child-event-addtocal:hover:before {
transform: rotate(0deg);
}
.event-agenda-button:hover {
background: black;
}
.child-event-video-button:hover {
background: black;
}
nav.expo-navigation button:hover:not(:disabled) {
background: white;
}
nav.expo-navigation button:hover:not(:disabled) * {
filter: invert(0);
}
button.expo-section-shortcut:hover {
color: black;
background: none;
}
.related-pub-links a:hover,
.related-pub-links button:hover {
background: black;
}
.grid-serie-spines > a:hover {
transform: translateX(0px);
} input.wpcf7-submit:not([disabled]):hover {
background: black;
}
.form-over-black-bg input.wpcf7-submit:not([disabled]):hover {
background: white;
}
.form-over-black-bg.form-cyan-accents
input.wpcf7-submit:not([disabled]):hover {
background: white;
} nav#menu-button:hover,
nav#menu-button:focus-within {
background-color: transparent;
color: black;
}
nav#menu-button:hover img,
nav#menu-button:focus-within img {
filter: invert(0);
}
a#close-menu:hover,
a#close-menu:focus {
color: gray;
}
a#close-menu:hover img,
a#close-menu:focus img {
filter: saturate(0) brightness(3);
}
input.search-submit:hover {
filter: brightness(0);
}
ul.menu:not(#prg-menu):not(#social-menu) > li > a:hover,
ul.menu:not(#prg-menu):not(#social-menu) > li:focus-within a,
#menu-cookies ul > li > button:hover,
#menu-cookies ul > li:focus-within button {
padding-left: 0px;
}
ul#prg-menu > li:hover a,
ul#prg-menu > li:focus-within a {
left: 0px;
}
ul#social-menu a:hover img,
ul#social-menu a:focus img {
filter: brightness(0);
}
#menu-contact-info address a {
pointer-events: initial;
} .scroll-top-icon:hover line,
.scroll-top-icon:hover polyline {
transform: translate(0, 0px);
}
} .grecaptcha-badge {
visibility: hidden;
}
#usercentrics-root:not(.custom-css-loaded) {
display: none;
} .arqdis-boton-flotante {
font-size: var(--fz-24pt);
}
@media only screen and (max-width: 1999px) {
.arqdis-boton-flotante {
font-size: var(--fz-20pt);
}
}
@media only screen and (max-width: 1499px) {
.arqdis-boton-flotante {
font-size: var(--fz-16pt);
}
}
.arqdis-boton-flotante {
position: fixed;
bottom: 1em;
right: 1em;
width: max(50px, min(8vw, 85px));
height: max(50px, min(8vw, 85px));
background-color: var(--arqdis-blue) !important;
border-radius: 100px;
z-index: 10;
margin: 15px;
margin-bottom: 1em;
margin-left: auto;
transform-origin: center;
transform: scale(1);
transition: transform 0.3s;
color: var(--arqdis-blue);
padding: 18px;
}
.whatsapp-landing .arqdis-boton-flotante {
bottom: 3em;
}
.arqdis-boton-flotante {
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
.arqdis-boton-flotante {
pointer-events: unset;
opacity: 1;
}
.arqdis-boton-flotante figure {
width: 60%;
display: flex;
}
.arqdis-boton-flotante figure img {
position: relative;
left: 2%;
bottom: 2%;
}
.arqdis-boton-flotante:hover,
.arqdis-boton-flotante:focus,
.arqdis-boton-flotante:active {
transform: scale(1.08);
}
@media (hover: none) {
.arqdis-boton-flotante:hover,
.arqdis-boton-flotante:focus,
.arqdis-boton-flotante:active {
transform: scale(1);
}
}
@media only screen and (max-width: 2000px) {
.whatsapp-landing .arqdis-boton-flotante {
bottom: 4em;
}
}
@media only screen and (max-width: 1199px) {
.arqdis-boton-flotante {
font-size: var(--fz-14pt);
padding: 15px;
}
.whatsapp-landing .arqdis-boton-flotante {
bottom: 4.5em;
}
}
@media only screen and (max-width: 767px) {
.arqdis-boton-flotante {
padding: 10px;
}
}
@media only screen and (max-width: 575px) {
.whatsapp-landing .arqdis-boton-flotante {
bottom: 3em;
}
} .single-notas .layout-container ul {
list-style: square !important;
padding-left: 2em;
margin: 0 0 1.2em 0;
}
.single-notas .layout-container ol {
list-style: decimal !important;
padding-left: 2em;
margin: 0 0 1.2em 0;
} .buttons-options .grid-item-links {
grid-template-columns: repeat(1, 1fr) !important;
} .nuestros-egresados-info:after,
.datos-nuestros-egresados:after {
content: "";
display: table;
clear: both;
}
.col-nuestros-egresados {
float: left;
width: 33.33%;
padding-right: 10em;
}
.dato-egresado {
float: left;
width: 33.33%;
padding-right: 3em;
align-items: center;
}
.egresados-descripcion {
font-size: var(--fz-16pt);
line-height: 1.4em;
max-width: 600px;
}
.numero-dato-egresado {
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: var(--fz-45pt);
display: inline;
}
.unidad-dato-egresado {
display: inline;
font-family: Montserrat, sans-serif;
font-weight: 500;
font-size: var(--fz-20pt);
}
.texto-dato-egresado {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
line-height: 1.2em;
}
.datos-nuestros-egresados {
margin-top: 2em;
}
.buttons-egresados {
margin-top: 3em;
}
.buttons-egresados {
align-items: center;
text-align: center;
}
.nombre-egresado {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-30pt);
line-height: 1.2em;
font-weight: 700;
padding-bottom: 0.25em;
margin-top: 0;
}
.grid-archive-item .nombre-egresado {
margin-top: 0;
}
.cargo-egresado {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-18pt);
line-height: 1.2em;
font-weight: 400;
padding-bottom: 1.5em;
}
.col-lista-egresados {
padding-left: 2em;
padding-right: 0;
}
.grid-title-egresados {
font-size: var(--fz-24pt);
font-weight: 500;
text-transform: uppercase;
}
.grid-title-egresados {
color: var(--arqdis-magenta);
font-weight: 700;
}
.historia-egresados-button {
background-color: var(--arqdis-blue);
padding: 0.6em;
display: block;
transition: background-color 0.3s;
margin-top: 1em;
}
.col-historia-egresados {
width: 40%;
float: left;
align-items: center;
padding-left: 23em;
padding-right: 5em;
text-align: center;
}
.col-texto-historia-egresados {
width: 60%;
float: left;
padding-right: 5em;
}
.container-historia-egresados:after {
content: "";
display: table;
clear: both;
margin-left: auto;
margin-right: auto;
}
.grid-title-egresados {
padding-left: 0;
}
.etiqueta-egresado {
font-family: "Roboto Mono", monospace;
color: black;
text-decoration: none;
font-size: var(--fz-14pt);
}
.descripcion-historia-egresados {
font-family: "Roboto Mono", monospace;
color: var(--arqdis-blue);
font-size: var(--fz-14pt);
padding-left: 4em;
max-width: 800px;
}
.container-historia-egresados {
background-image: url(https://arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-azul-raster.png);
padding-top: 3em;
padding-bottom: 3em;
margin-top: 1em;
}
.grid-egresados-historias-container {
margin-bottom: 0;
}
.escuela-posgrados-egresados {
background-color: black;
color: white;
margin-top: 4em;
display: flex;
align-items: center;
padding-left: 0;
}
.escuela-posgrados-egresados:after {
content: "";
display: table;
clear: both;
}
.textos-escuela-posgrado-egresados,
.container-button-escuela-posgrado-egresados {
width: 50%;
float: left;
align-items: center;
}
.title-escuela-posgrado-egresados {
font-family: Montserrat, sans-serif;
font-weight: 900;
font-size: var(--fz-50pt);
line-height: 1em;
text-transform: uppercase;
text-decoration: none;
max-width: 700px; margin-bottom: 0.5em;
}
.text-escuela-posgrado-egresados {
font-family: "Roboto Mono", monospace;
line-height: 1.2em;
color: white;
text-decoration: none;
font-size: var(--fz-20pt);
max-width: 700px; }
.button-escuela-posgrado-egresados {
font-family: Montserrat, sans-serif;
font-weight: 900;
font-size: var(--fz-24pt);
text-decoration: none;
color: black;
background-color: white;
padding: 0.5em 2em;
text-align: center;
text-transform: uppercase;
}
.button-escuela-posgrado-egresados:visited {
color: black;
}
.container-button-escuela-posgrado-egresados {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
max-width: 400px;
margin-right: auto;
margin-left: auto;
}
.egresados-container.programa-slogan.sizing-element {
opacity: 1;
}
.datos-nuestros-egresados {
text-align: center;
}
.small-archive-title-recursos {
margin-bottom: 1em;
} @media only screen and (max-width: 1999px) {
.egresados-descripcion {
font-size: var(--fz-14pt);
}
.col-nuestros-egresados {
padding-right: 5em;
}
.dato-egresado {
padding-right: 0.5em;
}
.numero-dato-egresado {
font-size: var(--fz-40pt);
}
.unidad-dato-egresado {
font-size: var(--fz-18pt);
}
.texto-dato-egresado {
font-size: var(--fz-10pt);
}
.nombre-egresado {
font-size: var(--fz-24pt);
}
.cargo-egresado {
font-size: var(--fz-16pt);
}
.col-historia-egresados {
padding-left: 15em;
padding-right: 5em;
}
.grid-title-egresados {
font-size: var(--fz-22pt);
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-48pt);
}
.text-escuela-posgrado-egresados {
font-size: var(--fz-18pt);
}
}
@media only screen and (max-width: 1499px) {
.egresados-descripcion {
font-size: var(--fz-12pt);
}
.col-nuestros-egresados {
padding-right: 2em;
}
.numero-dato-egresado {
font-size: var(--fz-35pt);
}
.unidad-dato-egresado {
font-size: var(--fz-16pt);
}
.texto-dato-egresado {
font-size: var(--fz-10pt);
}
.nombre-egresado {
font-size: var(--fz-20pt);
}
.cargo-egresado {
font-size: var(--fz-14pt);
}
.col-lista-egresados {
padding-left: 4em;
padding-right: 0;
}
.col-historia-egresados {
padding-left: 10em;
padding-right: 2em;
}
.grid-title-egresados {
font-size: var(--fz-20pt);
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-45pt);
}
.text-escuela-posgrado-egresados {
font-size: var(--fz-16pt);
}
}
.buttons-egresados-m {
display: none;
}
@media only screen and (max-width: 1199px) {
.egresados-descripcion {
font-size: var(--fz-10pt);
}
.col-nuestros-egresados {
padding-right: 1em;
}
.nombre-egresado {
font-size: var(--fz-16pt);
}
.cargo-egresado {
font-size: var(--fz-13pt);
}
.etiqueta-egresado {
font-size: var(--fz-12pt);
}
.col-historia-egresados {
padding-left: 5em;
padding-right: 1em;
}
.grid-title-egresados {
font-size: var(--fz-18pt);
}
.descripcion-historia-egresados {
font-size: var(--fz-12pt);
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-40pt);
}
.text-escuela-posgrado-egresados {
font-size: var(--fz-14pt);
}
.escuela-posgrados-egresados {
display: flex;
flex-direction: column;
}
.textos-escuela-posgrado-egresados {
width: 100%;
}
.container-button-escuela-posgrado-egresados {
max-width: 700px;
margin-right: auto;
margin-top: 2em;
justify-content: left;
margin-left: 0;
}
}
@media only screen and (max-width: 991px) {
.egresados-descripcion {
font-size: var(--fz-10pt);
}
.col-nuestros-egresados {
padding-right: 1em;
}
.col-nuestros-egresados {
width: 100%;
}
.col-lista-egresados {
width: 50%;
padding-left: 0;
margin-top: 3em;
}
.dato-egresado {
padding-right: 4em;
}
.nombre-egresado {
font-size: var(--fz-16pt);
}
.cargo-egresado {
font-size: var(--fz-13pt);
}
.etiqueta-egresado {
font-size: var(--fz-12pt);
}
.buttons-egresados-m {
display: block;
}
.buttons-egresados-l {
display: none;
}
.cargo-egresado {
max-width: 400px;
}
.col-historia-egresados {
padding-left: 3em;
padding-right: 3em;
}
.grid-title-egresados {
text-align: left;
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-35pt);
}
.text-escuela-posgrado-egresados {
font-size: var(--fz-13pt);
}
.button-escuela-posgrado-egresados {
font-size: var(--fz-20pt);
}
}
@media only screen and (max-width: 767px) {
.etiqueta-egresado {
font-size: var(--fz-11pt);
}
.grid-title-egresados {
font-size: var(--fz-18pt);
}
.col-texto-historia-egresados {
padding-right: 1em;
}
.col-historia-egresados {
padding-left: 3em;
padding-right: 0em;
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-28pt);
}
.button-escuela-posgrado-egresados {
font-size: var(--fz-18pt);
}
}
@media only screen and (max-width: 575px) {
.col-lista-egresados {
width: 100%;
}
.col-lista-egresados-2 {
margin-top: 0;
}
.texto-dato-egresado {
font-size: var(--fz-9pt);
}
.grid-title-egresados {
font-size: var(--fz-18pt);
text-align: left;
}
.col-historia-egresados {
width: 100%;
}
.col-texto-historia-egresados {
width: 100%;
}
.historia-egresados-button {
display: block;
position: relative;
top: 200px;
margin-right: 1em;
}
.descripcion-historia-egresados {
padding-left: 1em;
margin-top: -2em;
width: 100%;
}
.col-historia-egresados {
padding-left: 1em;
padding-right: 0;
}
.container-historia-egresados {
padding-bottom: 7em;
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-24pt);
}
.text-escuela-posgrado-egresados {
font-size: var(--fz-12pt);
}
.button-escuela-posgrado-egresados {
font-size: var(--fz-16pt);
}
.escuela-posgrados-egresados {
padding: 2.5em 1em;
}
}
@media only screen and (max-width: 400px) {
.descripcion-historia-egresados {
font-size: var(--fz-10pt);
padding-left: 1.5em;
}
.title-escuela-posgrado-egresados {
font-size: var(--fz-20pt);
}
}
.container-black-escuela-posgrados-egresados {
background-color: black;
padding-top: 1em;
padding-bottom: 1em;
margin-top: 4em;
margin-bottom: 0;
} .container-video-program {
width: 100%;
margin-bottom: 3em;
position: relative;
padding-top: 56.25%; }
.container-video-program iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 1580px) {
.container-video-program {
padding-top: 0;
margin-top: 0em;
width: 640px;
height: 360px;
margin-left: 2em;
}
.container-video-program iframe {
position: relative;
width: 640px;
height: 360px;
}
}
@media screen and (min-width: 1999px) {
.container-video-program {
width: 900px;
height: 506px;
}
.container-video-program iframe {
width: 900px;
height: 506px;
}
}
@media screen and (max-width: 767px) {
.container-video-program {
margin-bottom: 2em;
}
}
@media screen and (max-width: 365px) {
.container-video-program {
margin-bottom: 1em;
}
} .stamped-content-egresados {
margin-top: 4em;
margin-bottom: 16em;
}
.stamped-content-egresados .stamped-content.generic-template {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-grid-azul-raster.png) !important;
border: none;
padding: 4em;
padding-left: 30em;
padding-right: 30em;
grid-column-gap: 12em;
}
@media screen and (max-width: 1999px) {
.stamped-content-egresados .stamped-content.generic-template {
padding-left: 20em;
padding-right: 20em;
}
.stamped-content-egresados {
margin-bottom: 18em;
}
}
@media screen and (max-width: 1499px) {
.stamped-content-egresados .stamped-content.generic-template {
padding-left: 10em;
padding-right: 10em;
padding: 3em;
grid-column-gap: 8em;
}
.stamped-content-egresados {
margin-bottom: 16em;
}
}
@media screen and (max-width: 1199px) {
.stamped-content-egresados .stamped-content.generic-template {
padding: 2em;
padding-left: 4em;
padding-right: 4em;
grid-column-gap: 4em;
}
}
@media screen and (max-width: 767px) {
.stamped-content-egresados {
margin-bottom: 18em;
}
}
@media screen and (max-width: 575px) {
.stamped-content-egresados {
margin-bottom: 1em;
}
.stamped-content-egresados .stamped-content.generic-template {
padding: 2em;
padding-left: 1em;
padding-right: 1em;
grid-column-gap: 4em;
}
} .stamped-content-egresados .stamped-content.generic-template {
border-top: 2px solid var(--arqdis-magenta);
border-bottom: 2px solid var(--arqdis-magenta);
} .inactivo-semillero {
padding-top: 0 !important;
} .button-escuela-posgrado-egresados:hover {
background: var(--arqdis-blue);
color: white;
} .wpcf7-radio .wpcf7-list-item.first {
display: inline-block;
margin-right: 1em;
}
.wpcf7-radio .wpcf7-list-item.last {
display: inline-block;
}
input[type="radio"] {
visibility: hidden;
position: absolute;
}
.wpcf7-radio .wpcf7-list-item-label:before {
height: 15px;
width: 15px;
margin-right: 5px;
content: " ";
display: inline-block;
vertical-align: sub;
border: 1px solid black;
border-radius: 100%;
}
input[type="radio"]:checked + .wpcf7-list-item-label:before {
background: var(--arqdis-magenta) !important;
border: 1px solid black;
}
.form-input-required + br {
display: none;
}
.body-landing .wpcf7-form span.wpcf7-list-item-label {
align-items: center;
}
.evento-fecha-mes {
padding-top: 5px;
}
.button-oficina {
margin-top: 2em;
display: flex;
justify-content: center;
}
.button-oficina a {
width: 100%;
text-align: center;
display: block;
} .important-events-pos {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/patron-math-black-raster.png);
flex-grow: 1;
margin-left: 35px;
overflow: hidden !important;
padding: 30px;
max-height: 100%;
}
.important-events-pos .important-event {
margin-top: 0.8em;
max-height: 100%;
}
.important-events-pos time {
color: var(--arqdis-magenta);
font-family: "Roboto Mono", monospace;
font-size: var(--fz-20pt);
}
.important-events-pos a.event-description p,
.important-events-pos p.event-description {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
line-height: 1.3;
}
.resize-gallery-wrapper {
height: 100%;
}
.important-events-pos h5 {
padding-bottom: 30px;
}
.important-events-list {
overflow: hidden;
position: relative;
}
.scrolling-content {
animation: scroll-up 20s linear infinite;
}
.important-event {
padding: 10px 0;
display: flex;
flex-direction: column;
gap: 4px;
}
@keyframes scroll-up {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(
-50%
); }
}
.important-events-pos:hover .scrolling-content {
animation-play-state: paused;
}
@media screen and (max-width: 1580px) {
.important-events-pos {
margin-top: 2em;
margin-left: 0;
}
.important-events-pos time {
font-size: var(--fz-20pt);
}
.important-events-pos a.event-description p,
.important-events-pos p.event-description {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
line-height: 1.3;
}
.important-events-pos h5 {
padding-bottom: 20px;
}
}
@media screen and (max-width: 1250px) {
.important-events-pos time {
font-size: var(--fz-18pt);
}
.important-events-pos a.event-description p,
.important-events-pos p.event-description {
font-family: "Roboto Mono", monospace;
font-size: var(--fz-12pt);
line-height: 1.3;
}
.important-event {
padding: 5px 0;
}
}
.important-event p {
transition: transform 0.3s;
transition: font-weight 0.3s;
}
.important-event p:hover {
transform: translateX(5px);
font-weight: 600;
} div.template-404 {
width: 100%;
height: auto;
} div.template-404 {
width: 100%;
height: auto;
}
div.call-to-action-404 {
width: 50%;
}
div.call-to-action-404 blockquote.wp-block-arqdis-plugin-quote {
margin: 0;
padding: 0;
}
div.call-to-action-404 p.creditos {
display: inline-block;
}
div.info-404 {
display: flex;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
max-width: var(--grid-content-w);
}
div.credits-404 p.creditos:before {
content: "";
width: 0;
height: 0;
border-left: 0.5em solid transparent;
border-right: 0.5em solid transparent;
border-bottom: 1em solid black;
display: inline-block;
position: relative;
top: 0.1em;
margin-right: 0.6em;
}
.home-slogan.slogan-404 {
display: none;
}
div.info-404 {
margin-bottom: 3em;
}
.credits-404 {
margin-top: var(--top-margin);
}
.credits-404 .arrow-down {
height: 35px;
fill: var(--arqdis-blue);
transition: transform 0.3s ease;
}
.credits-404 .arrow-down:hover {
transform: translateY(0.2em);
}
@media screen and (max-width: 1280px) {
div.info-404 {
flex-direction: column;
}
div.call-to-action-404 p.creditos {
order: 1;
}
div.call-to-action-404 {
order: 2;
margin-top: 1em;
}
blockquote.wp-block-arqdis-plugin-quote {
max-width: 100% !important;
min-width: 100% !important;
width: 100% !important;
}
div.call-to-action-404 {
max-width: 100% !important;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.credits-404 .arrow-down {
height: 20px;
}
}
@media screen and (max-width: 800px) {
.home-slogan.slogan-404 {
margin-bottom: 2em;
display: block;
align-items: center;
padding: 0.5em;
}
div.credits-404 p.creditos {
display: none;
}
blockquote.wp-block-arqdis-plugin-quote {
max-width: 100% !important;
width: 100% !important;
min-width: 100% !important;
}
div.call-to-action-404 {
max-width: 100% !important;
width: 100%;
}
} @media screen and (max-width: 768px) {
.single-educacion-continua .layout-main-top {
display: flex;
flex-direction: column;
}
.single-educacion-continua .layout-main-top .post-body {
order: 2;
}
.single-educacion-continua .layout-main-top .informacion-extra-single {
order: 1;
}
} .investigaciones-archive-container-contenidos-fijos {
margin-bottom: 2em;
}  :root {
--semester-accordion-bg: #f1f1f1; }
.program-accordion-container {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
position: relative;
background: white;
margin-top: 1em;
margin-bottom: 2em;
}
.program-accordion-container .program-accordion-div * {
font-family: "Roboto Mono", monospace;
font-weight: 600;
text-transform: uppercase;
}
.program-accordion-container .program-accordion-div {
background: white;
} .program-accordion-container .year-accordion {
background: white;
border: black 1px solid;
} .program-accordion-container .semester-accordion {
background: var(--semester-accordion-bg) !important;
border: none !important;
margin-top: 1rem;
margin-bottom: 0.5rem;
}
.program-accordion-div .semester-accordion-title {
color: #808080;
text-align: center;
}
.program-accordion-container .semester-accordion:first-child {
margin-top: 1.5rem;
}
.program-accordion-container .semester-accordion:last-child {
margin-bottom: 1.5rem;
}
.program-accordion-container h5 {
font-size: var(--fz-15pt);
} .program-accordion-container .program-accordion-detail {
display: flex;
flex-direction: column;
gap: 1.5em;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
} .program-accordion-container .semester-accordion .program-accordion-detail {
gap: 1.5rem;
}
.program-accordion-container .program-accordion-detail > div {
color: white;
}
.program-accordion-container .program-accordion-div {
border: black 1px solid;
padding: 1.5em;
padding-top: 1.5em;
padding-bottom: 1.5em;
position: relative;
}
.program-accordion-container .accordion-course-type {
display: flex;
position: relative;
padding: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
margin-bottom: 1rem;
}
.program-accordion-container .accordion-course-type:first-child {
margin-top: 1.5em;
}
.program-accordion-container .accordion-course-type:last-child {
margin-bottom: 24px;
}
.program-accordion-container .program-accordion-div .open-accordion-arrow {
width: 40px;
height: 40px;
position: absolute;
top: 12px;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-arrow-open.svg);
background-position: center;
background-repeat: no-repeat;
} .program-accordion-container .program-accordion-div.open .open-accordion-arrow {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-cross-closed.svg);
} .program-accordion-container
.program-accordion-div.year-accordion:not(.open)
.open-accordion-arrow {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-arrow-open.svg) !important;
}
.program-accordion-container
.program-accordion-div.year-accordion.open
.open-accordion-arrow {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-cross-closed.svg) !important;
} .program-accordion-container
.program-accordion-div.semester-accordion:not(.open)
.open-accordion-arrow {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-arrow-open.svg) !important;
}
.program-accordion-container
.program-accordion-div.semester-accordion.open
.open-accordion-arrow {
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-cross-closed.svg) !important;
}
.program-accordion-container .accordion-specific-title {
font-size: var(--fz-15pt);
display: flex;
flex: 1;
align-items: center;
}
.program-accordion-div .course-x-times {
border-radius: 100%;
width: 35px;
height: 35px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: -30px;
right: -15px;
}
.accordion-specific-title {
position: relative;
}
.program-accordion-div .course-x-times span {
font-size: var(--fz-13pt);
}
.program-accordion-container .course-type-weeks {
font-size: var(--fz-15pt);
position: absolute;
left: 0.5em;
bottom: -18px;
border: 2px solid;
background-color: white;
padding: 7px;
padding-top: 2px;
padding-bottom: 3px;
}
.program-accordion-container
.program-accordion-div
.program-accordion-detail
.accordion-course-type
.course-type-credits {
display: flex;
flex-direction: column;
padding-left: 22px;
align-items: center;
justify-content: center;
}
.program-accordion-container .course-type-credits span:nth-child(1) {
font-size: var(--fz-13pt);
}
.program-accordion-container .course-type-credits span:nth-child(2) {
font-size: var(--fz-9pt);
}
.program-accordion-container .course-type-weeks span {
font-size: var(--fz-11pt);
} .transversal-courses-info {
padding: 1rem;
color: #333 !important;
font-family: "Inter", sans-serif !important;
font-weight: 400 !important;
text-transform: none !important;
}
.transversal-courses-info p {
margin: 0;
color: #333 !important;
} .transversal-course {
background-color: #e5e5e5 !important;
color: #000000 !important;
border: none !important;
}
.transversal-course .course-x-times {
background-color: #ffffff !important;
border: 2px solid #e5e5e5 !important;
color: #000000 !important;
}
.transversal-weeks {
background-color: #ffffff !important;
border: 2px solid #e5e5e5 !important;
color: #000000 !important;
} .program-accordion-div span.open-accordion-arrow {
cursor: pointer !important;
}
.program-right-dialog-window.from-accordion .program-dynamic-info-container {
height: 100%;
width: 100%;
background: white;
overflow: auto;
}
@media screen and (max-width: 500px) {
.program-right-dialog-window.from-accordion {
height: 300px;
}
}
.program-right-dialog-window.from-accordion .accordion-close-button {
position: absolute;
top: 10px;
right: 10px;
width: 32px;
height: 32px;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/material-symbol-cross-closed.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
z-index: 10000;
}
.program-right-dialog-window.from-accordion {
position: fixed;
bottom: 0;
left: 0;
width: 100vw !important;
height: 50vh;
z-index: 9999;
transition: all 0.3s ease;
left: 50%;
transform: translateX(-50%);
display: block !important; } .program-right-dialog-window.from-accordion .program-dynamic-info-container {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
max-height: 100%;
}
@media screen and (max-width: 992px) {
.program-right-dialog-window.from-accordion {
display: block !important;
visibility: visible !important;
}
.program-right-dialog-window.from-accordion .program-dynamic-info-container {
display: block !important;
visibility: visible !important;
}
}
.accordion-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(255, 255, 255, 0.5);
z-index: 9998;
} html.lock-scroll,
body.lock-scroll {
height: 100%;
overflow: hidden !important;
} .dialog-close-button {
position: absolute;
top: 50px;
right: 100px;
font-size: 3rem;
color: #888;
cursor: pointer;
z-index: 10;
background: none;
border: none;
line-height: 1;
padding: 0;
transition: color 0.2s;
display: none; }
.dialog-close-button:hover {
color: #222;
}
.dialog-close-button-posgrado {
position: absolute;
top: 25px;
right: 25px;
font-size: 3rem;
color: #888;
cursor: pointer;
z-index: 10;
background: none;
border: none;
line-height: 1;
padding: 0;
transition: color 0.2s;
display: none; }
.dialog-close-button-posgrado:hover {
color: #222;
}
.program-accordion-div:hover {
cursor: pointer;
} .mam-solid-border {
border: 4px solid !important;
}
.mam-dashed-border {
border: 4px solid transparent !important;
background:
linear-gradient(white, white) padding-box,
repeating-linear-gradient(
45deg,
var(--mam-border-color, #000) 0,
var(--mam-border-color, #000) 3px,
transparent 3px,
transparent 6px
)
border-box !important;
} .mam-dashed-border > * {
position: relative;
z-index: 2;
} .programa-mam .accordion-course-type {
transform: none !important;
transition: none !important;
}
.programa-mam .accordion-course-type:hover {
transform: none !important;
cursor: pointer;
}  .podcast-episode {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 2rem;
}
.podcast-thumb {
flex: 0 0 auto;
max-width: 150px;
}
.podcast-thumb img {
width: 100%;
height: auto;
display: block;
transition: filter 0.3s;
position: relative;
}
.podcast-thumb .blue-on-hover,
.podcast-thumb.blue-on-hover,
.blue-on-hover.placeholder-image {
position: relative;
z-index: 0;
overflow: hidden;
}  .podcast-episode-link:hover .podcast-thumb img,
.podcast-episode-link:focus .podcast-thumb img {
filter: grayscale(100%);
}
.podcast-thumb.blue-on-hover,
.blue-on-hover.placeholder-image {
position: relative;
z-index: 0;
overflow: hidden;
}
.podcast-thumb.blue-on-hover::after,
.blue-on-hover.placeholder-image::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--arqdis-blue, blue);
mix-blend-mode: screen;
opacity: 0;
z-index: 2;
transition: opacity 0.3s;
pointer-events: none;
}
.podcast-episode-link:hover .podcast-thumb.blue-on-hover::after,
.podcast-episode-link:focus .podcast-thumb.blue-on-hover::after,
.podcast-episode-link:hover .blue-on-hover.placeholder-image::after,
.podcast-episode-link:focus .blue-on-hover.placeholder-image::after {
opacity: 1;
} .podcast-thumb .blue-on-hover,
.podcast-thumb.blue-on-hover,
.blue-on-hover.placeholder-image {
position: relative;
z-index: 0;
}
.podcast-thumb .blue-on-hover::after,
.podcast-thumb.blue-on-hover::after,
.blue-on-hover.placeholder-image::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: var(--arqdis-blue, blue);
mix-blend-mode: screen;
opacity: 0;
z-index: 2;
transition: opacity 0.3s;
pointer-events: none;
}
.podcast-episode-link:hover .podcast-thumb .blue-on-hover::after,
.podcast-episode-link:hover .podcast-thumb.blue-on-hover::after,
.podcast-episode-link:hover .blue-on-hover.placeholder-image::after,
.podcast-episode-link:focus .podcast-thumb .blue-on-hover::after,
.podcast-episode-link:focus .podcast-thumb.blue-on-hover::after,
.podcast-episode-link:focus .blue-on-hover.placeholder-image::after {
opacity: 1;
}
.podcast-info {
flex: 1;
display: flex;
flex-direction: column;
}
.podcast-episode-title {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 0.5rem;
color: black;
transition: color 0.25s ease;
}
.podcast-info {
color: black;
transition: color 0.25s ease;
}
.podcast-info * {
color: inherit;
transition: color 0.25s ease;
} .podcast-episode-link:hover .podcast-info,
.podcast-episode-link:hover .podcast-info *,
.podcast-episode-link:hover .podcast-episode-title,
.podcast-episode-link:hover .podcast-mobile,
.podcast-episode-link:hover .podcast-mobile *,
.podcast-episode-link:focus .podcast-info,
.podcast-episode-link:focus .podcast-info *,
.podcast-episode-link:focus .podcast-episode-title,
.podcast-episode-link:focus .podcast-mobile,
.podcast-episode-link:focus .podcast-mobile *,
.podcast-episode-link:focus-visible .podcast-info,
.podcast-episode-link:focus-visible .podcast-info *,
.podcast-episode-link:focus-visible .podcast-episode-title,
.podcast-episode-link:focus-visible .podcast-mobile,
.podcast-episode-link:focus-visible .podcast-mobile * {
color: var(--arqdis-blue);
}
.podcast-episode-content {
font-size: 1rem;
text-align: justify;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.podcast-duration {
color: black;
font-family: "Roboto", sans-serif;
}
.post-body.podcast-episode-content {
max-width: none;
} .podcast-mobile {
display: none;
} @media (min-width: 768px) {
.podcast-episode-link {
display: flex;
flex-direction: row;
gap: 2rem;
}
} @media (max-width: 767px) {
.podcast-episode-link {
display: block;
}
.podcast-thumb,
.podcast-info {
display: none;
}
.podcast-mobile {
display: block;
}
.podcast-mobile-header {
display: flex;
align-items: center;
gap: 1rem;
}
.podcast-mobile .podcast-thumb {
width: 80px;
flex-shrink: 0;
display: block; }
.podcast-duration {
margin-top: 0.5rem;
}
} .episode-complementary-box a {
color: var(--arqdis-uniandes-edu-co-blue, var(--color-blue-50, #00f));
font-family: "Work Sans", sans-serif;
font-size: 16.3px;
font-style: normal;
text-decoration: none;
font-weight: 400;
display: list-item; list-style-type: disc;
list-style-position: outside;
margin-left: 1.25rem; line-height: 1.4;
}
.episode-complementary-box a::marker {
color: var(--arqdis-uniandes-edu-co-blue, var(--color-blue-50, #00f));
}
.episode-complementary-box a::after {
content: none !important;
} .arqdis-audio-player {
display: grid;
grid-template-columns: auto 80px 1fr;
align-items: center;
gap: 1rem;
margin-top: 0.75rem;
}
.episode-banner-container .arqdis-audio-player.banner-context {
margin-top: 0.25rem;
margin-bottom: 3rem;
max-width: var(--medium-content-w);
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: var(--min-side-margin) !important;
padding-right: var(--min-side-margin) !important;
box-sizing: border-box;
}
.arqdis-audio-player .ap-btn {
background: none;
border: 0;
color: #fff;
width: 36px;
height: 36px;
cursor: pointer;
display: grid;
place-items: center;
}
.arqdis-audio-player .ap-time {
font-family: "Work Sans", system-ui, sans-serif;
font-size: 14px;
color: #fff;
opacity: 0.9;
white-space: nowrap;
}
.arqdis-audio-player .ap-track {
position: relative;
height: 2px;
background: transparent; cursor: pointer;
outline: none;
padding: 10px 0; margin: -10px 0; }
.arqdis-audio-player .ap-track::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 2px;
background: rgba(255, 255, 255, 0.6); pointer-events: none;
}
.arqdis-audio-player .ap-fill {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0%;
background: transparent;
}
.arqdis-audio-player .ap-thumb {
position: absolute;
top: 50%;
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
left: 0%;
pointer-events: none;
}
.arqdis-audio-player .ap-track:focus .ap-thumb,
.arqdis-audio-player .ap-track:hover .ap-thumb {
box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.15);
}
@media (max-width: 640px) {
.arqdis-audio-player {
grid-template-columns: auto 70px 1fr;
gap: 0.75rem;
}
.arqdis-audio-player .ap-time {
font-size: 13px;
}
.arqdis-audio-player .ap-btn {
width: 32px;
height: 32px;
}
} .detail-card-no-results {
display: flex;
align-items: center;
justify-content: center;
min-height: 400px;
padding: 2rem;
}
.detail-no-results-content {
text-align: center;
max-width: 500px;
}
.detail-no-results-message {
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.6;
color: #666;
margin: 0;
font-weight: 400;
} .permanent-download-study-plan-button {
display: block;
background: black;
color: white;
transition: background 0.3s;
padding: 0.3em;
position: absolute;
bottom: 25px; right: 25px; white-space: nowrap;
text-decoration: none;
z-index: 10;
}
.permanent-download-study-plan-button:hover {
background: var(--arqdis-blue);
color: white;
text-decoration: none;
} .program-svg-container {
position: relative;
} @media screen and (max-width: 991px) {
.permanent-download-study-plan-button {
display: none;
}
}  .mobile-filter-trigger,
.mobile-filter-overlay {
display: none;
} @media screen and (max-width: 991px) { .filter-module-container {
display: none;
} .mobile-filter-trigger {
display: inline-flex;
align-items: center;
gap: 0.5em;
padding: 0.5em 1em;
margin-top: 1em;
background-color: transparent;
color: var(--arqdis-blue);
border: 2px solid var(--arqdis-blue);
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 500;
cursor: pointer;
transition:
background-color 0.2s,
color 0.2s;
}
.mobile-filter-trigger:hover,
.mobile-filter-trigger:focus,
.mobile-filter-trigger[aria-expanded="true"] {
background-color: var(--arqdis-blue);
color: white;
}
.mobile-filter-trigger .filter-arrow {
transition: transform 0.3s;
}
.mobile-filter-trigger[aria-expanded="true"] .filter-arrow {
transform: rotate(180deg);
} .mobile-filter-overlay {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition:
opacity 0.3s,
visibility 0.3s;
}
.mobile-filter-overlay[aria-hidden="false"] {
opacity: 1;
visibility: visible;
} .mobile-filter-panel {
position: fixed;
top: 0;
left: 0;
width: 85%;
max-width: 350px;
height: 100%;
background-color: white;
transform: translateX(-100%);
transition: transform 0.3s ease-out;
display: flex;
flex-direction: column;
z-index: 10000;
}
.mobile-filter-overlay[aria-hidden="false"] .mobile-filter-panel {
transform: translateX(0);
} .mobile-filter-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.5em;
padding-bottom: 0;
}
.mobile-filter-header h3 {
margin: 0;
font-family: "Roboto Mono", monospace;
font-size: var(--fz-18pt);
font-weight: 700;
color: black;
letter-spacing: 0.05em;
}
.mobile-filter-close {
background: none;
border: none;
padding: 0.5em;
cursor: pointer;
color: var(--arqdis-blue);
transition: transform 0.2s;
}
.mobile-filter-close:hover {
transform: scale(1.1);
} .mobile-filter-options {
flex: 1;
overflow-y: auto;
padding: 1em 1.5em;
padding-bottom: 2em;
display: flex;
flex-direction: column;
gap: 0.2em;
position: relative; scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
padding-top: 0;
} .mobile-filter-options::-webkit-scrollbar {
width: 4px;
}
.mobile-filter-options::-webkit-scrollbar-track {
background: transparent;
}
.mobile-filter-options::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.mobile-filter-options::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, 0.35);
} .mobile-filter-option {
display: flex;
align-items: center;
padding: 0.8em 0;
cursor: pointer;
font-size: var(--fz-14pt);
color: black;
border-bottom: 1px solid #eee;
user-select: none;
font-family: roboto mono;
text-transform: uppercase;
}
.mobile-filter-option:last-child {
border-bottom: none;
} .mobile-filter-checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .mobile-filter-checkmark {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
min-width: 20px;
border: 2px solid #ccc;
margin-right: 1em;
transition:
border-color 0.2s,
background-color 0.2s;
}
.mobile-filter-checkbox:checked + .mobile-filter-checkmark {
background-color: var(--arqdis-blue);
border-color: var(--arqdis-blue);
}
.mobile-filter-checkmark::after {
content: "";
display: none;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-bottom: 2px;
}
.mobile-filter-checkbox:checked + .mobile-filter-checkmark::after {
display: block;
}  .mobile-filter-actions {
padding: 1.5em;
border-top: none;
position: relative;
background: white; box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.08);
} .mobile-filter-actions::before {
content: "";
position: absolute;
bottom: 100%;
left: 0;
right: 0;
height: 48px;
background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
.mobile-filter-apply {
width: 100%;
padding: 0.8em 1.5em;
background-color: transparent;
color: var(--arqdis-blue);
border: 2px solid var(--arqdis-blue);
font-family: "Roboto Mono", monospace;
font-size: var(--fz-14pt);
font-weight: 600;
cursor: pointer;
transition:
background-color 0.2s,
color 0.2s;
letter-spacing: 0.05em;
}
.mobile-filter-apply:hover,
.mobile-filter-apply:focus {
background-color: var(--arqdis-blue);
color: white;
}
.mobile-filter-apply:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.mobile-filter-apply:disabled:hover {
background-color: transparent;
color: var(--arqdis-blue);
}
}
p span.small-print {
display: inline-block;
font-size: 0.9em;
font-family: "Roboto Mono", monospace;
margin-top: 1.2em;
}
@media (min-width: 768px) {
.info-page-mobile-toc {
display: none;
}
}
@media only screen and (max-width: 991px) {
.single-informacion h1.section-title{
font-size: var(--fz-24pt);
border-bottom: blue solid 10px;
}
.info-page-heading{
margin-bottom: 1em;
}
} body.single-linktree {
position: relative;
margin: 0;
overflow-x: hidden;
}
.linktree-background {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
pointer-events: none;
}
.linktree-page {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
min-height: 100vh;
}
.linktree-card {
width: 592px;
min-height: 864px;
background-color: white;
padding: 32px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
overflow: hidden;
}
.linktree-banner {
margin: -32px -32px 24px;
overflow: hidden;
}
.linktree-banner-img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
}
.linktree-header {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin-bottom: 10px;
}
.linktree-avatar {
height: 35px;
margin-bottom: 0;
}
.linktree-avatar img {
height: 100%;
width: auto;
object-fit: contain;
}
.linktree-subtitle {
font-size: 14px;
color: #666;
margin: 4px 0 0;
}
.linktree-sections {
display: flex;
flex-direction: column;
gap: 6px;
width: 100%;
}
.linktree-section-title {
font-family: 'Roboto Mono', monospace;
font-weight: 700;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--arqdis-magenta);
text-align: left;
margin: 14px 0 4px;
line-height: 1;
display: flex;
align-items: center;
gap: 8px;
}
.linktree-section-title::after {
content: '';
flex: 1;
height: 1px;
background: var(--arqdis-magenta);
opacity: 0.25;
}
.linktree-sections > .linktree-section-title:first-child {
margin-top: 0;
}
.linktree-links {
display: flex;
flex-direction: column;
gap: 5px;
}
.linktree-link {
display: flex;
align-items: center;
gap: 12px;
border: 0.5px solid black;
padding: 10px 12px;
text-decoration: none;
color: black;
font-family: 'Work Sans', sans-serif;
font-weight: 500;
font-size: 14px;
transition: border-color 0.12s ease, color 0.12s ease;
width: 100%;
box-sizing: border-box;
}
.linktree-link:hover {
border-color: var(--arqdis-blue);
color: var(--arqdis-blue);
}
.linktree-link:active {
background-color: rgba(0, 0, 255, 0.04);
}
.linktree-link-icon {
width: 40px;
height: 40px;
flex-shrink: 0;
}
.linktree-link-icon img {
width: 100%;
height: 100%;
object-fit: cover;
}
.linktree-link-label {
flex: 1;
text-align: left;
}
.linktree-link-arrow {
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: black;
-webkit-mask-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-ne.svg);
mask-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/thick-arrow-ne.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
opacity: 0.35;
transform: translateX(-5px);
transition: opacity 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}
.linktree-link:hover .linktree-link-arrow {
background-color: var(--arqdis-blue);
opacity: 1;
transform: translateX(0);
}
@media only screen and (max-width: 620px) {
.linktree-card {
width: 100%;
min-height: auto;
padding: 24px 16px;
}
.linktree-banner {
margin: -24px -16px 20px;
}
.linktree-link {
font-size: 13px;
}
.linktree-section-title {
font-size: 10px;
}
}html{box-sizing:border-box;-ms-overflow-style:scrollbar}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}