html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #000;
font-family: 'Work Sans', sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 500;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: transparent;
}
hr {
background-color: #000;
border: 0;
height: 1px;
margin-bottom: 30px;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: inline-block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
margin: 0 6px 0;
font-weight: 300;
font-size: calc(20px + 2vw);
}
.main-navigation #secondary-menu li {
position: relative;
margin: 0 6px 0;
font-weight: 200;
font-size: 2.5vw;
font-size: calc(20px + 2vw);
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
justify-content:flex-end;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} html, body {
z-index: 1;
font-size: 100%;
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100vw;
height: 100vh;
transition: 0.4s;
overflow-x: hidden;
}
html#project-html {
overflow-x: visible;
}
html#pages {overflow: visible; background: rgba(255, 239, 69, 1);}
::-moz-selection { color: #000;
background: rgba(255, 239, 69, 1);
}
::selection {
color: #000;
background: rgba(255, 239, 69, 1);
}
a {
text-decoration: none;
}
body a:link, body a:visited a:link, a:visited {
color: #000;
}
a:hover {
color: rgba(255, 239, 69, 1);
}  .site-header {
position: fixed; 
width: 100%;
top: 0;
height: 12.5vh;
padding:2.5vh 5vw;
z-index: 1;
}
.site-branding {
display: inline-block;
width: 90%;
vertical-align:middle;
}
.main-navigation {
display:inline-block;
width: 8.8%;
vertical-align: middle;
text-align: right;
}
.navigation-project {
width: 46%;
text-transform: uppercase;
padding-top: 20px;
}
.navigation-project .menu-main-menu-container {
width: 65%;
display: inline-block;
}
.navigation-project .menu-menu-1-container {
width: 30%;
display: inline-block;
}
.site-title {
margin: 0;
padding: 0;
height: 9vh;
width: 100vw;
display: table-cell;
vertical-align:middle;
font-size: 7.6vh;
font-size: 84px;
font-size: 4vw;
font-size: calc(40px + 2vw);
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.site-description {display:none;}
.site-description {text-align: center;} .site-footer {
display: inline-block;
width: 100%;
position: fixed;
bottom: 0;
height: 12.5vh;
padding-top: 2.5vh;
}
footer .main-navigation {
width: 100%;
text-align: center;
padding: 0 5vw;
}
footer .main-navigation ul {
display: flex;
justify-content: space-between;
text-transform: uppercase;
}
footer .main-navigation ul li a:hover, footer .main-navigation ul li a:target {
color: rgba(251, 209, 209, 1);
text-decoration: none;
}
.burger-toggle {
position: absolute;
top: -999990px;
left: -999990px;
visibility: hidden;
} 
.menu-wrap {display: inline-block; width: 100%; position: relative; z-index: 0;}
.main-navigation  li.menu-item-350, .main-navigation  li.menu-item-351  {display: none;}
.top-right{
position: fixed;
top: 5vh;
right: 16vw;
z-index: 1000;
width: 5%;
display: inline-block;
vertical-align: middle;
}
[data-theme="dark"]{
background: #000;
color: #fff;
transition: 0s;
}
[data-theme="dark"] a:link, [data-theme="dark"] a:visited {color:#fff;}
.switch {
width: 60px;
height: 30px;
border-radius: 15px;
border: 2px solid #000;
background:transparent;
position: relative;
display: block;
margin: 0 auto;
text-align: center;
opacity: 1;
transform: translate(0);
z-index: 1;
}
[data-theme="dark"] .switch {
border: 2px solid #fff;
}
.switch__input, .switch__label {
position: absolute;
left: -12px;
top: 2px;
}
.switch__input {
margin: 0;
padding: 0;
opacity: 0;
height: 0;
width: 0;
pointer-events: none;
}
.switch__input:checked + .switch__label {
background-color: transparent;
margin-left: 0;
margin-top: 0;
}
.switch__input:checked + .switch__label + .switch__marker {
left: calc(100% - 24px);
}
.switch__label {
width: 100%;
height: 100%;
color: white;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: inherit;
font-size: 18px;
z-index: 1;
}
.switch__marker {
position: relative;
background-color: #000;
width: 26px;
height: 26px;
border-radius: 50%;
z-index: 2;
pointer-events: none;
left: 0;
transition: left 0.2s;
}
[data-theme="dark"] .switch__marker {
background-color: #fff;
}
.switch__label:before {
position: absolute;
font-family: 'unicons';
content: '\eac0';
top: -10px;
left: 24px;
z-index: 2;
font-size: 18px;
line-height: 40px;
text-align: center;
width: 100%;
height: 28px;
opacity: 1;
color: #000;
}
[data-theme="dark"] .switch__label:before {display: none;} [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3 {color: #fff;}
[data-theme="dark"] hr {background-color: #fff;} .scroll {
position: fixed;
top: 12.5vh;
left: 0;
bottom: 0;
}
.scroll{
margin-top: 0;
overflow-x: hidden;
padding-right:0;
padding-left: 0;
overflow-y: hidden;
white-space: nowrap;
width: auto;
height: 75vh;   }
.project {
display: inline-block;
margin-left: 0;
margin-right: 10px;
margin-bottom: 50px;
height: 75vh;
overflow-x: hidden;
overflow-y:hidden;
}
.illu {
max-height: 100%;
width: auto;
padding: 0;
margin-left: 0;
margin-right: 0;
overflow: hidden; }
#project {
width: 100%;
max-width: 1480px;
margin: 14vh auto 11vh;
padding: 0 40px;
}
.gallery_proy {
display: inline-block;
width: 74%;
vertical-align: top;
margin-bottom: 50px;
text-align: center;
}
.arpw-widget-random {
width: display: inline-block;
width: 74%;
vertical-align: top;
background: #f2f2f2;
}
[data-theme="dark"] .arpw-widget-random {
background: #959595;
}
.arpw-widget-random ul {
margin: 0;
padding: 60px 40px 40px;
font-size: 2rem;
color: #404040;
line-height: 1.2;
font-weight: 300;
}
.arpw-widget-random ul a, .arpw-widget-random ul a:visited {
font-size: 2rem;
color: #404040;
}
.arpw-widget-random ul a:hover, .arpw-widget-random ul a:target {
color: rgba(251, 209, 209, 1);
}
[data-theme="dark"] .arpw-widget-random ul, [data-theme="dark"] .arpw-widget-random ul a, [data-theme="dark"] .arpw-widget-random ul a:visited {
color: #000;
}
.copy {font-size: 0.8rem; padding-bottom: 10px;}
.arpw-widget-random ul a img, .arpw-widget-random ul a:visited img {filter: grayscale(100%) blur(0px) brightness(113%) contrast(126%) hue-rotate(0deg) opacity(80%) invert(0%) saturate(0%) sepia(0%); transition: 0s;}
.arpw-widget-random ul a:hover img, .arpw-widget-random ul a:target img {filter: grayscale(0%) blur(0px) brightness(100%) contrast(100%) hue-rotate(0deg) opacity(100%) invert(0%) saturate(80%) sepia(0%); opacity: 1;}
.arpw-widget-random ul li  {margin: 0;}
.arpw-widget-random ul a img {margin-top: 20px;}
.text_proy {
display: inline-block;
width: 25%;
vertical-align: top;
padding-left: 30px;
}
.text_proy .details {
max-width: 20%;
position: fixed;
}
.gallery_proy ul {
list-style: none;
padding: 0;
margin: 0;
}
.gallery_proy ul li img {
padding-bottom: 20px;
max-width: 100%;
height: auto;
}
.text_proy h1 {
margin: 0;
padding: 0;
line-height: 1.3;
font-weight: 500;
}
.slick-lightbox {
background: rgba(0,0,0,.9) !important;
}
.slick-lightbox-close {
border-color: none;
right: 15px;
top: 15px;
width: 120px;
height: 120px;
}
.slick-lightbox-close::before {
font-family: 'Work Sans', sans-serif;
font-weight: 200;
font-size: 120px;
line-height: 1;
color: white;
opacity: 0.85;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev::before, .slick-next::before {
font-family: 'Work Sans', sans-serif;
font-weight: 200;
font-size: 70px;
}
.slick-lightbox .slick-prev {
left: 15px;
width: 76px;
height: 121px;
z-index: 10;
}
.slick-prev::before {
content: '←';
}
.slick-lightbox .slick-next {
right: 15px;
width: 76px;
height: 121px;
}
.slick-next::before {
content: '→';
}
.scroll-ipad {
position:relative;
margin-top: 12.5vh;   
height: 100vh;
}
.ipad {position: fixed; width: 100vw; overflow-x: scroll;}
.scroll-ipad  .project {
height: 70vh;
margin-bottom: 0;
}
.scroll-mov .project {
position: relative;
margin: 5px auto;
height: auto;
z-index: 1;
}
#project-large {
width: 100%;
max-width: 1440px;
margin: 14vh auto 11vh;
padding: 0 40px;
}
#project-large .gallery_proy {
display: inline-block;
width: 100%;
vertical-align: top;
margin-bottom: 0;
text-align: center;
}
.texto-proylarge{
max-width: 1000px;
margin: 50px auto;
text-align: left;
}
#project-large .arpw-widget-random {
margin: 0 auto;
}
#project-large .gallery_proy .row {
width:100%;
display: flex;
flex-direction: row;
align-items: flex-start;
align-items: stretch;
gap: 10px;
margin-bottom: 10px;
}
#project-large .gallery_proy .row .image {
align-items: flex-start;
}
#project-large .gallery_proy .row .image img {
height: 100%;
width: 100%;
object-fit: cover;
}
.embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 10px;
} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
} html .page-template-about-page, html .page-template-contact-page {
max-height: 100vh;
}
#about, #contact, #error {
height: 100vh;
background-color: #fff;
}
#about .content {
width: 800px;
height: 760px;
position: absolute; left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; max-width: 100%;
max-height: 100%;
overflow: hidden;
}
#contact .content, #error .content {
width: 600px;
height: 550px;
position: absolute; left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; max-width: 100%;
max-height: 100%;
overflow: hidden;
}
#contact, #error {
text-align: center;
}
#about .content .left {
width: 57%;
display: inline-block;
}
#about .right {
width: 37%;
display: inline-block;
float: right;
}
#about h1, #contact h1 {
font-size: 8vh;
font-size: calc(40px + 2vw);
margin: 80px 0 0;
padding: 0;
text-transform: uppercase;
font-weight: 300;
text-align:center;
}
#contact h1 {margin: 0;}
#contact h2, #contact h3, #about h2, #about h3 {
margin: 0.7rem 0 .5rem;
padding: 0;
text-transform: lowercase;
line-height: 1.2;
font-weight: 400;
font-size: 2rem;
}
#contact p {
margin: 0;
padding: 0;
font-size: 1.4rem;
}
#about p {
margin: 0;
padding: 0 0 1rem;
font-size: 1rem;
}
#contact p a, #about p a, #contact p a:visited, #about p a:visited {text-decoration: underline;}
#contact p a:hover, #about p a:target, #contact p a:hover, #about p a:target {
color: rgba(251, 209, 209, 1);
text-decoration: none;
}
.sceneElement {
-webkit-animation-duration: .4s;
animation-duration: .4s;
transition-timing-function: ease-in;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.is-exiting .sceneElement{
transition-timing-function: ease-out;
}
#main .sceneElement {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#main.is-exiting .sceneElement {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.is-existing .slide-from-left, .is-existing .slide-from-right{
background-color: #fff;
}
[data-theme="dark"] #contact,[data-theme="dark"] #about {background-color: #000;}
.slide-from-left {
-webkit-animation: slideFromLeft2 200ms forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation: slideFromLeft2 200ms forwards cubic-bezier(0.785, 0.135, 0.15, 0.86); }
.slide-from-right {
-webkit-animation: slideFromRight2 200ms forwards cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation: slideFromRight2 200ms forwards cubic-bezier(0.785, 0.135, 0.15, 0.86); }      
@-webkit-keyframes slideFromLeft2 {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); } } 
@-webkit-keyframes slideFromRight2 {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }
@keyframes slideFromRight2 {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%); } }     
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media screen and (max-width: 1480px) {
#project {
width: 100%;
max-width: 1200px;
margin: 14vh auto 11vh;
padding: 0;
}
.gallery_proy {
display: inline-block;
width: 74%;
vertical-align: top;
margin-bottom: 50px;
text-align: center;
}
}
@media screen and (min-width: 768px)  and (max-width: 1024px) {
#project {
max-width:90%;
margin: 14vh auto 11vh;
padding: 0;
}
.top-right {
right: 18vw;
}
}
@media screen and (max-height: 768px ){
#about .content {
width: 800px;
height: 500px;
}
#contact h2, #contact h3, #about h2, #about h3 {
margin: 0;
font-size: 1.6rem;
}
#about p {
padding: 0 0 0.8rem;
font-size: 0.81rem;
}
}
@media screen and (max-width: 768px) {
html, body {
overflow-x: hidden;
}
html#pages {
overflow-x: hidden;
overflow-y: visible;
background: #fff;
}
#home {
position: relative;
z-index: 0;
width: 100%;
}
.site-header {position: relative; width: 60%; height: 9.5vh;}
.site-branding {position: fixed; width: 70%; z-index: 10;}
.social {position: fixed; width: 100%;}
.site-title {font-size: calc(20px + 2vw); height: 6vh;}
.menu-menu-1-container {margin-top: -40px;}
#secondary-menu {display: inline-block;}
.main-navigation #secondary-menu li {
position: absolute;
z-index: 0;
color: black;
}
.site-footer {
top: 0 !important;
height: 80px;
padding-top: 0;
}
.site-footer + .burger-toggle:checked {
position: fixed;
top: 0;
height: 100vh;
}
footer .main-navigation ul li a:hover, footer .main-navigation ul li a:target {
color: black;
opacity: 0.8;
}
.main-navigation  li.menu-item-object-custom {display: inline-block;width: 20%;}
footer .main-navigation {padding: 0;}
footer .main-navigation ul {display: none;	}
.burger {
position: absolute;
width: 40px;
height: 40px;
right: 20px;
top: 0;
z-index: 999;
}
.page-template-projectlarge-page .burger {
top: -30px;
}
.burger-toggle:checked ~ .menu-wrap .burger {top: 0;}
.burger span {
display: block;
width: 100%;
height: 4px;
background: black;
position: absolute;
transform: rotate(0);
transition: .25s ease all;
border-radius: 2px;
}
.burger span:nth-child(1) {
top: 0;
z-index: 999;
}
.burger span:nth-child(2) {
top: 10px;
transform: translateX(0);
}
.burger span:nth-child(3) {
top: 20px;
}
.burger span:nth-child(1),
.burger span:nth-child(3) {
transition-delay: 100ms;
}
.top-right {
position: fixed;
top: 2vh;
right: 13vw;
}
[data-theme="dark"] .burger span {
background: white;
}
.menu-wrap .menu-main-menu-container {
background: rgba(255, 239, 69, 1);
height: 0;
width: 0;
display: flex;
align-items: center;
justify-content: center;
transform: translateX(100%);
transition: 100ms ease transform;
will-change: transform;
transition-delay: 100ms;
position: relative;
z-index: 0;
top: 0;
}
[data-theme="dark"] .menu-wrap .menu-main-menu-container {
background: black;
}
.menu-wrap .menu-main-menu-container ul.menu li a {color: transparent;}
.menu a:link {
text-decoration: none;
display: block; font-size: 3rem;
line-height: 1;
padding-bottom: 2rem;
transform: translateX(50px);
transition: 0.15s ease all;
opacity: 0;
}
.menu a:link, .menu a:visited {
color: transparent;
}
.menu li:nth-child(1) a:link {
transition-delay: 50ms;
}
.menu li:nth-child(1) a:hover {
transition-delay: 0ms;
}
.menu li:nth-child(2) a:link {
transition-delay: 100ms;
}
.menu li:nth-child(2) a:hover {
transition-delay: 0ms;
}
.menu li:nth-child(3) a:link {
transition-delay: 150ms;
}
.menu li:nth-child(3) a:hover {
transition-delay: 0ms;
}
.menu li:nth-child(4) a:link {
transition-delay: 200ms;
}
.menu li:nth-child(4) a:hover {
transition-delay: 0ms;
}
.burger-toggle:checked ~ .menu-wrap .menu-main-menu-container .menu {
position: relative;
display: inline-block;
width: 100%;
z-index: 10;
}
[data-theme="dark"]	.menu-wrap .menu-main-menu-container ul.menu li a, [data-theme="dark"] .burger-toggle:checked ~ .menu-wrap .menu a:link {
color: white;
}
[data-theme="dark"] .site {
background: black;
min-height: 100vh;
}
.burger-toggle ~ .menu-wrap .menu a:link  {color: transparent;transition-delay: 100ms; }
.burger-toggle:checked ~ .menu-wrap .menu a:link {color: black; transition-delay: 100ms;}
.burger-toggle:checked ~ .menu-wrap .menu-main-menu-container {
position: fixed;
top: 0;
height: 100vh;
width: 100%;
transform: translateX(0);
transition: 100ms ease transform;
will-change: transform;
transition-delay: 100ms;
z-index: 10;
}
.burger-toggle:checked ~ .menu-wrap .burger {
top: 30px;
z-index: 999;
}
.burger-toggle:checked ~ .menu-wrap .burger span {
top: 0;
}
.burger-toggle:checked ~ .menu-wrap .burger span:nth-child(1) {
transform: rotate(45deg);
}
.burger-toggle:checked ~ .menu-wrap .burger span:nth-child(2) {
opacity: 0;
transform: translateX(-50px);
}
.burger-toggle:checked ~ .menu-wrap .burger span:nth-child(3) {
transform: rotate(-45deg);
}
.burger-toggle:checked ~ .menu-wrap .menu a:link {
transform: translateX(0);
opacity: 1;
}
.burger-toggle:checked ~ .menu-wrap .menu a:link:hover {
opacity: 0.8;
}
html .page-template-about-page, html .page-template-contact-page {
height: auto;
max-height: 400vh;
overflow-x: hidden;
}
#about, #contact {
height: auto;
position: relative;
}
#contact .content {margin-top: 80px;}
#about .content, #contact .content {
width: 100%;
height: auto;
position: relative;
padding: 0 30px;
}
#about .content .left, #about .content .right {
width: 100%;
}
.gallery_proy {
width: 100%;
margin-bottom: 30px;
}
h1 {font-size: 1.7em;}
#project {
margin: 70px auto;
}
.text_proy {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.text_proy .details {
max-width: 100%;
position: relative;
}
.arpw-widget-random {
width: 100%;
}
.arpw-widget-random ul {
padding: 30px;
font-size: 1rem;
font-weight: 400;
}
.arpw-widget-random ul a, .arpw-widget-random ul a:visited {
font-size: 1rem;
}
.copy {
padding-left: 30px;
padding-right: 30px;
}
#contact p {
font-size: 1rem;
}https://leandroalzate.com/wp-login.php?action=logout&_wpnonce=0ffd81b3d9
#project-large {
margin: 0vh auto 11vh;
}
.texto-proylarge {
margin: 0px auto;
padding-left: 30px;
padding-right: 30px;
}
#project-large {
padding: 0;
margin:70px auto 11vh;
}
.page-template-projectlarge-page #primary-menu {
position: relative;
display: inline-block;
width: 100%;
z-index: 10;
}
.page-template-projectlarge-page #primary-menu li {
display:block;
}
.page-template-projectlarge-page #primary-menu li.menu-item-350, .page-template-projectlarge-page #primary-menu li.menu-item-351 {display: inline-block; margin: 0 auto;}
}
@media screen and (max-width: 700px) {
.top-right {
display: none;
}
.slick-lightbox .slick-prev, .slick-lightbox .slick-next {
top: calc(100vh - 100px);
}
.slick-lightbox-close {top: 0; right: 0;}
} #wpadminbar {display:none;}
.site-header {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
top: 0;
height: auto;
padding: 0 50px;
z-index: 2;
background-color: #000;
}
.site-header .menu {
display: flex;
list-style: none;
text-align: right;
text-transform: uppercase;
padding: 0;
margin: 0;
font-size: calc(18px + 1.25vw);
font-weight: 300;
}
.site-header .menu li{
flex: 15;
padding: 5px 10px;
}
.site-header .menu li:nth-of-type(3), .site-header .menu li:nth-of-type(4){
flex: 1;
}
.site-header .menu li {
text-align: center;
}
.site-header .menu li a {color: white;}
.site-branding {
width: 44vw;
}
.site-branding svg {max-width:100%;width: 100%;margin-top: 10px; }
.site-title {
margin: 0;
padding: 0;
height: auto;
width: auto;
display: table-cell;
vertical-align: middle;
font-size: calc(12px + 2.5vw);
font-size: calc(12px + 3.5vh);
font-weight: 100;
line-height: 1;
text-transform:uppercase;
color: white;
}
.site-title a, .site-title a:visited {color: white;}
.site-branding a svg:hover, .site-branding a svg:target {opacity: 0.9;}
#home-justified-gallery {
position: relative;
}
#home-justified-gallery img {
max-width: 100%;
height: auto;
}
#home-justified-gallery {
max-width: 1360px;
margin: 60px auto;
padding: 0;
}
.alm-btn-wrap {display:none;}
@media (min-width: 768px) {
#home-justified-gallery .row-home {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-content:flex-start;
padding: 2vw 0;
column-gap: 4vw;
}
}
#home-justified-gallery .illus{
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: flex;
}
#home-justified-gallery .illus .illus-link{
display: flex;
-webkit-flex: 1;
flex:1;
}
#home-justified-gallery .twoimages{
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 2.5vw;
max-width: 30%;
}
#home-justified-gallery a.illus img {
position: relative;
max-width: 100%;
height: auto;
z-index: 2;
}
.navigation {
position: fixed;
width: 100vw;
height: 60px;
top: 0;
overflow-y: auto;
overflow-x: hidden;
opacity: 0;
visibility: hidden;
z-index: 99;
transition-delay: 300ms;
left: 0;
}
.navigation.active {
width: 100vw;	
height: 100vh;
opacity: 1;
z-index: 1;
visibility: visible;
transition-delay: 0s;
}
.navigation.active .navigation__inner {
background-color: #000;
transform: translate(0, 0);
transition: transform 300ms linear, background-color 0s linear 599ms;
}
.navigation.active .navigation__inner:after {
position: absolute;
width: 100vw;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
-webkit-animation: elastic 250ms ease 300.5ms both;
animation: elastic 250ms ease 300.5ms both;
}
.navigation__inner {
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
right: 0;
overflow: hidden;
color: white;
z-index: 999999;
transform: translate(0%, -100%);
transition: transform 300ms linear, background-color 0s linear 300ms;
}
.navigation__inner:after {
content: "";
position: absolute;
width: 100vw;
height: 100vh;
top: 0;
right: 0;
background-color: #000;
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
z-index: -1;
transition: all 300ms linear;
}
.navigation__inner .contentmenu {
position: absolute;
top: 50vh;
left: 50%;
transform: translate(-50%, -50%);
}
#about .contentmenu .left {
width: 57%;
display: inline-block;
}
#about .contentmenu .right {
width: 37%;
display: inline-block;
float: right;
}
.contentmenu a:link, .contentmenu a:visited {color: #fff;}
@-webkit-keyframes elastic {
0% {
border-bottom-left-radius: 50% 150px;
border-bottom-right-radius: 50% 150px;
}
45% {
border-radius: 0;
}
65% {
border-bottom-left-radius: 50% 100px;
border-bottom-right-radius: 50% 100px;
}
80% {
border-radius: 0;
}
90% {
border-bottom-left-radius: 50% 50px;
border-bottom-right-radius: 50% 50px;
}
100% {
border-radius: 0;
}
}
@keyframes elastic {
0% {
border-bottom-left-radius: 50% 150px;
border-bottom-right-radius: 50% 150px;
}
45% {
border-radius: 0;
}
65% {
border-bottom-left-radius: 50% 100px;
border-bottom-right-radius: 50% 100px;
}
80% {
border-radius: 0;
}
90% {
border-bottom-left-radius: 50% 50px;
border-bottom-right-radius: 50% 50px;
}
100% {
border-radius: 0;
}
}
a:hover,  button:hover {
cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%23ffef45" fill="%23ffef45" width="40px" height="40px" viewBox="0 0 10.04 10.04"><circle cx="5.02" cy="5.02" r="4.52"/></svg>') 10 10, auto;
}
#about.navigation.active h1.entry-title, #contact.navigation.active h1.entry-title {font-family: 'BASE&BLOOM'; text-transform: none; font-weight: normal;}
.close-button {
margin: 80px auto 0;
left: 0;
right: 0;
position: absolute;
bottom: -120px;
}
button.close-button {
border: none;
background: none;
}
button.close-button span.big {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 80px;
margin: 0 auto;
}
#contact.navigation.active h2, #contact.navigation.active h3, #about.navigation.active h2, #about.navigation.active h3 {
margin: 0.7rem 0 .5rem;
padding: 0;
text-transform: ;
line-height: 1.3;
font-weight: 400;
font-size: 2rem;
}
button.close-button span.text {
color: #fff;
font-family: 'Work Sans', sans-serif;
font-size: 20px;
}
#contact.navigation.active p {
margin: 0;
padding: 0;
font-size: 1.3rem;
}
.page-id-1185 #colophon {visibility: hidden;}
.page-id-1185 {
font-family: 'Work Sans', sans-serif;
}
#ajax-load-more {height: 0;} @media screen and (min-width: 2000px) {
#home-justified-gallery {
max-width: 80vw;
}
}
@media screen and (min-width: 1600px) and (max-width: 1829px) {
#home-justified-gallery {
max-width: 1240px;
}
}
@media screen and (max-width: 1599px) {
#home-justified-gallery {
max-width: 1100px;
margin: 60px auto;
}
#home-justified-gallery .row-home {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-content: stretch;
padding: 3% 0 2%;
column-gap: 5%;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
#home-justified-gallery {
max-width: 80vw;
margin: 60px auto 0;
}
.site-title {
font-size: calc(10px + 2vw);
padding: 0;
}
}
@media screen and (max-width: 767px){
.site-header {
padding: 0;
font-weight: 900;
background-color: #fff;
height: 70px;
}
.burger {
right: 20px;
top: -12px;
}
.burger-toggle:checked ~ .menu-wrap .burger {
top: 0px;
right: 20px;
}
#home-justified-gallery.menu-open {display: none;}
.site-title {
width: 75vw;
padding: 20px;
font-weight: 700;
}
.site-branding {
position: fixed;
width: 70%;
z-index: 10;
left: 0;
top: 0;
}
.site-title a, .site-title a:visited {
color: #000;
}
.site-title a #logo-leandro {
fill: #000;
}
.site-title a:hover, .site-title a:target {
color: rgba(251, 209, 209, 1);
}
.site-header .menu {
text-align: center;
}
.site-header .menu li#menu-item-350, .site-header .menu li#menu-item-351 {
display: inline-block;
width: 20%;
}
.burger-toggle:checked ~ #home-justified-gallery {overflow: hidden;}
#home-justified-gallery {
margin: 0 auto;
padding: 55px 0 20px;
}
#home-justified-gallery .row-home{
display: block;
padding: 0;
}
#home-justified-gallery .illus {
padding: 10px 0;
}
.site-branding svg {
margin-top: 0;
}
}.arpw-ul {
list-style: none;
padding: 0;
}
.arpw-li {
margin-bottom: 10px;
}
.arpw-time {
display: block;
color: #aaa;
}
.arpw-clearfix:before,
.arpw-clearfix:after {
content: "";
display: table;
}
.arpw-clearfix:after {
clear:both;
}
.arpw-clearfix {
zoom:1;
}