#andando-container { --a-aguamarina: #86d6cb;
--a-azulming: #007381;
--a-azulpacifico: #00b8cc;
--a-coral: #fa706e;
--a-malva: #f6a4a8;
--a-azul: #017df6;  --alto-masthead: calc(var(--top-margin)*2 + var(--logo-h));
--alto-pantalla: 100vh;
--panel-border-w: 15px;
--panel-width: max(340px, 13.1vw);
}
.logged-in #andando-container { --alto-masthead: calc(var(--top-margin)*2 + var(--logo-h) + 32px);
}
#andando-container{
counter-reset: panel_num;
} .andando-cuerpo,
.creditos-nombre,
.creditos-cargo{
font-family: "Work Sans", sans-serif;
font-weight: 400;
color: white;
line-height: normal;
}
.andando-cuerpo{
font-size: var(--fz-14pt);
}
.creditos-nombre{
font-size: var(--fz-16pt);
}
.creditos-cargo{
font-size: var(--fz-12pt);
}
.andando-titulo-proyecto,
.andando-num-track,
.andando-agenda,
.logo-text,
.andando-panel.has-number:after,
.has-subnumber,
.close-panel span,
.andando-subtitulo-single{
font-family: 'Rajdhani', sans-serif;
font-weight: 700;
text-transform: uppercase;
}
.andando-titulo-proyecto{
font-size: var(--fz-45pt);
color: white;
line-height: 1.2em;
}
.andando-agenda{
font-size: var(--fz-40pt);
color: white;
text-decoration: none;
}
.andando-panel.has-number:after,
.has-subnumber{
font-size: var(--fz-120pt);
color: var(--a-aguamarina);
transition: color 0.3s;
line-height: 1.2em;
}
button.andando-panel.has-number:hover:after,
button.andando-panel.has-number:focus:after,
a.andando-panel:hover .has-subnumber,
a.andando-panel:focus .has-subnumber{
color: var(--a-azulming);
}
.close-panel{
font-size: var(--fz-24pt);
}
.andando-subtitulo-single{
font-size: var(--fz-24pt);
color: var(--a-coral);
line-height: 1em;
}
.andando-panel.in-memoriam h6{
line-height: 0.9em;
}
.andando-panel.in-memoriam h6 span{
font-size: var(--fz-18pt);
color: var(--a-malva);
} html {
overflow-y: hidden;
overflow-x: hidden; }
#andando-container {
overflow: scroll hidden;
scrollbar-width: thin;
position: relative;
--alto-total: calc(var(--alto-pantalla) - var(--alto-masthead));
height: var(--alto-total);
display: flex;
flex-wrap: nowrap;
}
.andando-panel {
flex-shrink: 0;
width: var(--panel-width);
max-width: 80vw;
min-width: 280px;
height: 100%;
min-height: 400px;
margin: 0 var(--panel-border-w);
border: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: column;
padding: 20px;
background-color: var(--a-azulpacifico);
transition: background-color 0.3s;
}
.andando-panel:nth-child(2n+1) {
background-color: var(--a-azulming);
}
button.andando-panel:hover,
button.andando-panel:focus {
background-color: var(--a-aguamarina);
cursor: e-resize;
outline: none;
}
button.andando-panel.child-is-open:hover,
.close-panel:hover{
cursor: w-resize;
}
.andando-panel:first-child:not(.project-panel) {
margin-left: 0;
}
.andando-panel:last-child:not(.project-panel) {
margin-right: 0;
}
.andando-panel.has-number:after{
counter-increment: panel_num;
content: counter(panel_num);
display: block;
}
.andando-panel.has-number.invisible-number:after{
opacity: 0;
}
.panel-wrapper{
display: flex;
align-items: flex-end;
justify-content: center;
}
.andando-titulo-proyecto{
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
max-height: calc(var(--alto-total)*.55);
width: min-content;
text-align: left;
margin: 0 auto;
}
.andando-cuerpo,
.andando-creditos{
padding: 0 10%;
margin: 20% 0 auto 0;
}
.andando-agenda{
display: grid;
grid-template-columns: min-content min-content;
grid-column-gap: 0.4em;
align-items: center;
transition: color 0.3s;
margin-top: 20px;
}
.andando-agenda:hover{
color: var(--a-azulming);
}
.andando-agenda svg{
height: 0.7em;
width: auto;
}
.andando-agenda path{
fill: white;
transition: fill 0.3s;
}
.andando-agenda:hover path{
fill: var(--a-azulming);
}
.andando-creditos{
list-style: none;
}
.andando-creditos li:not(:last-child){
margin-bottom: 1rem;
}
.creditos-nombre,
.creditos-cargo{
display: block;
}
.andando-panel.in-memoriam{
background-color: #002728;
}
.andando-panel.in-memoriam h6 span{
display: block;
max-width: 1.9em;
} .child-panels{
counter-reset: subpanel_num;
display: flex;
min-width: max-content;
min-width: var(--a-child-panel-w);
transition: min-width 0.5s;
overflow: hidden;
max-width: unset;
}
.show-panel-overflow{
overflow: visible;
}
.after-children{
display: none;
}
.collapsed-panel{
min-width: 0;
max-width: 0;
}
button.close-panel{
position: sticky;
right: 0;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
z-index: 99;
min-width: 40px;
padding: 15px 0;
border: 0;
background-color: var(--a-malva);
transition: background-color 0.3s;
}
button.close-panel:hover,
button.close-panel:focus{
outline: none;
background-color: var(--a-coral);
}
.close-panel svg{
height: auto;
max-width: 1em;
}
.close-panel span{
color: white;
writing-mode: vertical-lr;
margin: auto 0;
transform: rotate(180deg);
}
.flecha-cerrar{
fill: white;
}
a.project-panel{
position: relative;
overflow: hidden;
cursor: pointer;
text-decoration: none;
background-size: cover;
background-position: center;
}
a.project-panel img{
position: absolute;
object-fit: cover;
object-position: 50% 50%;
height: 100%;
min-width: 100%;
max-width: 100%;
top: 0;
left: 0;
filter: grayscale(0);
transition: filter 0.3s; }
a.project-panel .andando-hover-duotone{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: var(--a-azulpacifico);
mix-blend-mode: screen;
transition: opacity 0.3s;
}
@supports not (user-select: none) {
a.project-panel img,
.project-panel .andando-titulo-proyecto,
a.project-panel .andando-hover-duotone{
transition: unset;
}
}
a.project-panel:hover img,
a.project-panel:focus img{ filter: grayscale(1);
outline: none;
}
a.project-panel:hover .andando-hover-duotone,
a.project-panel:focus .andando-hover-duotone{
opacity: 1;
outline: none;
}
a.project-panel:hover,
a.project-panel:focus{
outline: none;
}
.has-subnumber{
display: block;
z-index: 2;
align-self: center;
margin: 0;
}
.has-subnumber:before{
content: counter(panel_num);
}
.has-subnumber:after{
counter-increment: subpanel_num;
content: counter(subpanel_num);
font-size: 0.6em;
vertical-align: super;
}
.project-panel .andando-titulo-proyecto{
color: transparent;
transition: color 0.3s;
z-index: 1;
}
.project-panel:hover .andando-titulo-proyecto,
.project-panel:focus .andando-titulo-proyecto{
color: var(--a-azulming);
outline: none;
}
.andando-destacado::before {
content: '';
display: block;
position: absolute;
z-index: 4;
top: 15px;
height: 15%;
width: 100%;
background-image: url(//arqdis.uniandes.edu.co/wp-content/themes/arqdis/assets/andando-destacado.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center top;
} .project-content{ height: 100%;
padding: 0 30px;
--alto-thumbnails: calc(var(--alto-pantalla)/(2.3));
display: grid;
grid-template-rows: minmax(var(--alto-thumbnails), 1fr) auto auto;
grid-template-columns: auto auto;
grid-column-gap: 20px;
min-width: min-content;
}
.project-content img{
height: var(--alto-thumbnails);
width: auto;
}
.audio-andando,
.andando-a-behance{
grid-column: span 2;
margin: 30px 0;
}
.andando-a-behance{
display: flex;
align-items: center;
text-decoration: none;
transition: color 0.3s;
}
.andando-a-behance span{
max-width: 10em;
}
.andando-a-behance svg{
width: auto;
height: 2.2em;
margin-right: 0.7em;
}
.andando-a-behance svg .track-malva,
.andando-a-behance svg .track-coral {
transition: fill 0.3s;
}
.andando-a-behance:hover svg .track-malva{
fill: var(--a-azulpacifico);
}
.andando-a-behance:hover svg .track-coral{
fill: white;
}
.andando-a-behance:hover{
color: var(--a-azulpacifico);
cursor: alias;
}
.subtitulo-soundcloud{
margin: 0;
margin-bottom: 5px;
}
.audio-andando{
max-width: 900px;
min-width: 300px;
} .andando-banner{
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 0;
text-decoration: none;
z-index: 3;
}
.andando-banner svg{
height: 100%;
}
.logo-title {
font-size: 147.3172px;
}
.logo-subtitle {
font-size: 37.798px;
}
.logo-year {
font-size: 54.2839px;
}
.track-graphic {
clip-path: url(#SVGID_2_);
}
.track-borde {
fill: white;
}
[class*="track-"]{
transition: fill 0.3s;
}
.track-coral {
fill: var( --a-azul);
}
#andando-container:not(.andando-archive) .andando-banner:hover .track-coral{
fill: var(--a-azulming);
}
.track-aguamarina {
fill: var(--a-aguamarina);
}
#andando-container:not(.andando-archive) .andando-banner:hover .track-aguamarina{
fill: var(--a-malva);
}
.track-malva {
fill: var(--a-malva);;
}
#andando-container:not(.andando-archive) .andando-banner:hover .track-malva{
fill: var(--a-coral);
}
.track-azulpacifico {
fill: var(--a-azulpacifico);;
}
#andando-container:not(.andando-archive) .andando-banner:hover .track-azulpacifico{
fill: var(--a-aguamarina);
}
.track-azulming {
fill: var(--a-azulming);;
}
#andando-container:not(.andando-archive) .andando-banner:hover .track-azulming{
fill: var(--a-azulpacifico);
} .volver-a-andando{
display: block;
position: fixed;
right: 0;
margin: 15px;
z-index: 2;
}
.volver-a-andando svg{
height: 5rem;
width: auto;
}
.volver-a-andando .texto-invisible{
opacity: 0;
transition: opacity 0.3s;
}
.volver-a-andando:hover .texto-invisible{
opacity: 1;
}
.volver-a-andando:hover .track-coral{
fill: var(--a-aguamarina);
} @media only screen and (max-height: 1200px){ .andando-panel.has-number:after,
.has-subnumber{
font-size: var(--fz-80pt);
}
.andando-titulo-proyecto {
font-size: var(--fz-35pt);
}
.andando-panel.in-memoriam h6 span{
font-size: var(--fz-16pt);
}
.andando-agenda {
font-size: var(--fz-30pt);
}
.creditos-nombre{
font-size: var(--fz-14pt);
}
.close-panel,
.andando-subtitulo-single{
font-size: var(--fz-20pt) !important;
line-height: initial !important;
}
}
@media only screen and (max-height: 1150px){ .creditos-nombre{
font-size: var(--fz-12pt);
}
.creditos-cargo{
font-size: var(--fz-10pt);
}
}
@media only screen and (max-height: 990px){
.andando-subtitulo-single {
font-size: var(--fz-18pt) !important;
line-height: initial !important;
}
.audio-andando,
.andando-a-behance{
margin: 15px 0;
}
.andando-a-behance{
margin-bottom: 20px;
}
.andando-destacado::before {
height: 20%;
}
}
@media only screen and (max-height: 800px){ .andando-panel.has-number:after,
.has-subnumber{
font-size: var(--fz-70pt);
margin-top: 25px;
line-height: 0.8em;
}
.andando-titulo-proyecto {
font-size: var(--fz-30pt);
}
.andando-panel.in-memoriam h6 span{
font-size: var(--fz-14pt);
}
.andando-agenda {
font-size: var(--fz-24pt);
} .andando-titulo-proyecto {
max-height: calc(var(--alto-total)*.70);
}
.audio-andando iframe{
height: 96px;
}
.volver-a-andando svg{
height: 3rem;
width: auto;
}
}
@media only screen and (max-height: 770px){ .andando-panel.has-number:after,
.has-subnumber{
font-size: var(--fz-60pt);
}
.andando-titulo-proyecto {
font-size: var(--fz-24pt);
}
.andando-agenda {
font-size: var(--fz-20pt);
}
.andando-subtitulo-single {
font-size: var(--fz-16pt) !important;
line-height: initial !important;
} .andando-cuerpo {
padding: 0;
}
}
@media only screen and (max-height: 620px){
.project-content{
--alto-thumbnails: calc(var(--alto-pantalla)/(2.8));
}
.andando-destacado::before {
height: 20%;
background-position: right top;
}
}
@media only screen and (max-height: 550px){
.project-content{
--alto-thumbnails: calc(var(--alto-pantalla)/(3.4));
}
}
@media only screen and (max-width: 400px),
only screen and (max-height: 620px){
.andando-cuerpo {
font-size: var(--fz-12pt);
padding: 0;
}
}
@media only screen and (max-width: 350px){
.andando-titulo-proyecto {
font-size: var(--fz-18pt);
}
.andando-panel.in-memoriam h6 span{
font-size: var(--fz-12pt);
}
.close-panel,
.andando-subtitulo-single{
font-size: var(--fz-16pt) !important;
line-height: initial !important;
}
}
@media only screen and (min-height: 511px) and (max-height: 749px){
.andando-creditos{
display: block;
}
}  @media only screen and (max-width: 279px),
only screen and (max-height: 510px){
#andando-container.andando-archive {
overflow: hidden auto;
scrollbar-width: thin;
display: flex;
flex-direction: column;
}
.andando-archive .andando-panel{
padding: 20px 10px;
margin: 0;
width: 100vw;
height: auto;
max-width: unset;
min-width: unset;
min-height: 200px;
flex-direction: row-reverse;
}
.andando-archive .andando-banner{
min-height: 0;
height: 30vw;
}
.andando-archive .andando-banner svg {
min-height: 100vw;
transform: rotate(90deg);
}
.andando-archive .andando-titulo-proyecto {
writing-mode: unset;
text-orientation: mixed;
transform: unset;
max-height: unset;
width: 100%;
text-align: left;
margin: 0;
}
.andando-archive .andando-panel.has-number::after,
.has-subnumber {
align-self: flex-start;
margin-top: 0px;
margin-right: 20px;
}
.andando-archive .andando-agenda{
display: none;
}
.andando-archive .andando-cuerpo, 
.andando-archive .andando-creditos {
margin: 0 !important;
}
.andando-archive .andando-creditos {
display: block;
}
.andando-panel.in-memoriam h6 span{
max-width: unset;
max-height: 1.9em;
} .child-panels{
min-width: unset;
max-width: unset;
min-height: 200px;
min-height: var(--a-child-panel-w);
transition: min-height 0.2s;
flex-direction: column;
}
.collapsed-panel{
min-height: 0;
}
a.project-panel img {
left: 0;
top: unset;
height: unset;
width: 100%;
}
a.project-panel{
background-size: 150%;
}
.wpb_wrapper a.project-panel:hover {
background-size: 150% !important;
}
button.andando-panel:hover {
cursor: s-resize;
}
button.andando-panel.child-is-open:hover,
.close-panel:hover{
cursor: n-resize;
}
button.close-panel{
width: 100%;
height: 45px;
flex-direction: row;
padding: 5px 15px;
justify-content: center;
align-items: center;
right: unset;
bottom: 0;
}
.close-panel svg{
transform: rotate(90deg);
max-height: 1.3em;
width: auto;
}
.close-panel span{
writing-mode: initial;
transform: unset;
margin: 0 auto;
}
.andando-destacado::before {
height: 45%;
background-position: right top;
margin-right: 0;
left: 0;
top: 5px;
}
} @media only screen and (max-width: 279px),
only screen and (max-height: 510px){
#andando-container.andando-single {
overflow: hidden auto;
scrollbar-width: thin;
display: flex;
flex-direction: column;
}
.andando-single .andando-panel{
padding: 20px 10px;
margin: 0;
width: 100vw;
height: auto;
max-width: unset;
min-width: unset;
min-height: 200px;
flex-direction: row-reverse;
}
.andando-single .andando-banner{
min-height: 0;
height: 30vw;
}
.andando-single .andando-banner svg {
min-height: 100vw;
transform: rotate(90deg);
}
.andando-single .andando-titulo-proyecto {
writing-mode: unset;
text-orientation: mixed;
transform: unset;
max-height: unset;
width: 100%;
text-align: left;
margin: 0;
}
.andando-single .andando-panel.has-number::after,
.andando-single .has-subnumber {
align-self: flex-start;
margin-top: 0px;
margin-right: 20px;
}
.andando-single .andando-agenda{
display: none;
}
.andando-single .andando-cuerpo {
margin: 0;
}
.andando-single .andando-cuerpo, .andando-creditos {
padding: 0;
margin: 0 !important;
}
.project-content{
padding: 30px 10px;
min-width: unset;
width: 100%;
height: unset;
box-sizing: border-box;
row-gap: 25px;
grid-template-columns: auto;
grid-template-rows: auto auto auto auto;
}
.project-content img{
max-width: 100%;
height: auto;
max-height: 60vh;
}
.audio-andando{
min-width: unset;
}
.andando-a-behance,
.audio-andando{
grid-column: unset;
margin: 0;
}
}