/* Theme Name: AC HOTEL 25 Theme URI: https://carambamoreno.com Author: Caramba Moreno Author URI: https://carambamoreno.com/ Description: El template diseñado y programado para Alejandro Cartagena. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Version: 1.0 Requires at least: 5.0 Tested up to: 5.4 Requires PHP: 7.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: alejandrocartagena-hotel */ .scroller{position: fixed; width: 100%; bottom: 0; left: 0;background: white;z-index: 20;overflow-y: scroll;} .scroller .caramba-lightbox-wrapper{position: relative;} .scroller .caramba-lightbox-wrapper .caramba-close{position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; line-height: 2rem;text-align: center;font-size: 2rem;} #image_count{position: fixed; top: 0; right: 0; background: red; width: auto; padding: 1.5rem;font-size: 2rem;} /* GENERALES */ html, .root { font-size: 14px; line-height: 21px; font-family: 'IBM Plex Mono Light', monospace; } body, .article { font-family: 'Times', serif;font-size: 1rem; line-height: 1.3125rem; margin: auto;} body {overflow-x: hidden; background-size: cover !important; font-family: 'IBM Plex Mono Light', monospace; height: 100vh; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: 'IBM Plex Mono LightItalic', monospace; } h1, .h1 { font-size: 2.375rem; line-height: 2.625rem;} h2, .h2 { font-size: 1.75rem; line-height: 2.625rem;} h3, .h3 { font-size: 1.3125rem; line-height: 1.3125rem;} h4, .h4 { font-size: 1rem; line-height: 1.3125rem;} h5, .h5 { font-size: 1rem; line-height: 1.3125rem;} #sidebar-canvas--wrapper{height: 100%;} #sidebar, #canvas{padding: 0 1.5rem;overflow-y: scroll; height: 100%;max-width: 100%;} /* Let's make sure all's aligned */ hr, .hr { border: 1px solid; margin: -1px 0; } a, a:hover, a:focus, a:active{color: black; outline: none;text-decoration: none;} a.status--open{font-weight: 800;font-style: italic;} /* HEADER */ #header{max-width: 400px;} .header--wrapper{padding: 1.75rem 1.5rem 1.5rem;} .header.sticky.is-stuck{z-index: 50;} .header {z-index: 50;width: 100%;top: 0; left: 0; padding: 1.75rem 1.5rem 1.5rem; background: white;} /* padding: 2.75rem 2.5rem 2.5rem; .header a{color: black;} */ #logo{background: transparent;} #logo--wrapper{display: block;padding: 0 0 1rem 0;} #huge-header{z-index: 20; position: relative; padding: 80vw 1.5rem 0;} .body--proyecto-abierto #huge-header svg{position: fixed; top: 1rem; right: 1rem; width: 200px;} #animated_icon{width: 8vw; height: auto; position: fixed; top: 150px; left: 250px; z-index: 1000;} /* BODY */ .body--wrapper {padding-top: 140px;overflow: hidden; overflow-y: scroll;padding-bottom: 140px;} /* SIDEBAR */ #sidebar > .accordion{ padding: 1.75rem 1.5rem 1.5rem; } .accordion{background: transparent;} .accordion-title, .sub-menu .menu-item{ border: 0 none; border-bottom: 0; font-size: 1rem; line-height: 1.5rem; color: black;padding: 0.75rem 0; text-decoration: none;background: transparent !important; text-transform: none;font-weight: 100;} .accordion-title::before{display: none;} :last-child:not(.is-active) > .accordion-title{border: 0 none;} .accordion-content{border: 0 none;padding: 0;margin-bottom:1.5rem;background: transparent; } .accordion-content ul{margin: 0; list-style-type: none;} :last-child > .accordion-content:last-child{ border-bottom: 0; } .sub-menu{margin-left: 0;list-style: none;} .proyectos--list{margin: 2rem 0 0; list-style-type: none;}/*padding: 1.5rem 1.75rem;*/ .proyectos--list li a{padding: 0.5rem 0;} .proyectos--subtitle{margin-top: 2rem;font-size: 1.3125rem; line-height: 1.3125rem;} .proyectos--list.proyectos--list--nfts a{color: #fce6e6;} .my-discord-link{margin-top: 1rem;} /* CANVAS */ #canvas .proyecto--wrapper{overflow: hidden;/*overflow-y: scroll;*/position: relative;} #canvas .proyecto--wrapper:not(.status--open) .nft--info-columns, #canvas .proyecto--wrapper:not(.status--open) .nft--gallery-columns, #canvas .proyecto--wrapper:not(.status--open){height: 0;} .proyecto--wrapper .caramba-close{position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; line-height: 2rem;text-align: center;font-size: 2rem;z-index: 10;} #canvas .proyecto--wrapper.status--open{height: auto; max-height: 100%; /*padding: 0 1.5rem;*/} /* NFTs */ .term-nfts a, .term-nfts{cursor: url(assets/img/icon.png), auto;} .caramba--ui-oscuro.term-nfts, .caramba--ui-oscuro.term-nfts a{cursor: url(assets/img/icon-claro.png), auto;} #canvas.proyectos--nfts .proyecto--wrapper{display: flex; flex-direction: column;overflow-y: scroll;} #canvas .nft--info-columns{overflow-y: scroll !important;overflow: visible !important; } /* GALLERY */ #canvas.proyectos--nfts .nft--single-item{scroll-snap-align: center;position: relative; } #canvas.proyectos--nfts .nft--single-item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;font-size: 0;} /*#canvas.proyectos--nfts .nft--single-item .wp-block-image{min-width: 80vw;max-height: 100%;}*/ body.term-nfts:not(.body--proyecto-abierto){height: auto; overflow: visible;} body.term-nfts:not(.body--proyecto-abierto) #grid-frame{height: auto;} body.term-nfts:not(.body--proyecto-abierto) .medium-auto{ -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;} /* CLOSED STATUS */ #canvas .nft--info-columns, #canvas .nft--gallery-columns {overflow: hidden;/*overflow-y: scroll;*/position: relative;} /* OPEN STATUS */ #canvas .status--open .nft--info-columns, #canvas .status--open .nft--gallery-columns{/*padding: 0 1.5rem; max-height: 100%;*/} #canvas-dead.proyectos--list--nfts .proyecto--wrapper.status--open{max-height: 80vh;display: flex; flex-direction: column;} #canvas-dead.proyectos--list--nfts .content--gallery-wrapper{order: 0;} #canvas-dead.proyectos--list--nfts .layout--texto h2{font-size: 1.25rem; font-weight: 600; line-height: 1.25em;} /** #canvas .proyectos--wrapper .accordion .accordion-item.proyecto.is-active{ position: relative; } .proyectos--wrapper .accordion .accordion-item.proyecto .accordion-title{ display: inline-block; } */ /* ANCHOR 2 .proyectos--wrapper .proyecto .layout--gallery { overflow-x: scroll; }*/ /* FOOTER */ .footer{padding: 1.5rem;width: 100%; bottom: 0; left: 0;z-index: 0;/*padding-top: 240px;*/} #footer--wrapper{display: none;} #embedded--footer{display: none;} /* TEMPLATE PARTS */ /* TEXT */ .layout--texto{order: 3;} .layout--texto + .layout--texto{ margin-top: 1rem; } /* GALLERY */ .layout--gallery{overflow-x: scroll; white-space: nowrap; overflow-y: hidden;min-height: 200px;margin-bottom: 1rem;} .layout--gallery img:first-of-type{margin-left: 0;} .layout--gallery img{margin-left: 1rem;max-width: 99999px; height:200px; background: rgba(191, 191, 191,0.1);border: 0 none;} .layout--gallery img + img, .proyecto .layout--gallery .video-wrapper + img{ margin-left: 0.5rem;} .layout--gallery .video-wrapper iframe{max-height: 30vh;width: 100%; height: 100%;} .layout--gallery .video-wrapper{display: inline-block;height: 30vh; vertical-align: bottom; overflow: hidden;aspect-ratio: 6 / 3.4; margin-left: 2.1875rem;} .layout--gallery .proyecto-texto{display: inline-block; /*width: 80vw; padding-left: 2.5rem; padding-right: 2.5rem;*/ padding: 0 1.5rem; overflow: hidden; height: 200px; vertical-align: bottom;white-space: normal;overflow-y: scroll;margin-right: 1rem;} /*.layout--gallery .proyecto-texto{display: inline-block; width: 80vw; overflow: hidden; height: 200px; vertical-align: bottom;white-space: normal;overflow-y: scroll;margin-right: 1rem;padding-left: 2.5rem; padding-right: 2.5rem;}*/ /* LAYOUT 1: FRONTPAGE .home .scroller, .home .header, body.home, body.tax-jetpack-portfolio-type.term-book { background: #f5efc7;} */ /* LAYOUT 2: ABOUT */ .page-about .body--wrapper{overflow-y: hidden;padding-bottom: 0;padding-top: 135px;} .page-about, .page-about .header, .page-about #canvas, .page-about .footer{ background-color: #E7F1FD; } .page-about #menu-principal .separador { display: none; visibility: hidden; opacity: 0; } .page-about #menu-principal .toggle-all{ opacity: 0;} /* ESTO ES EL CANVAS, CAMBIAR LA CLASE */ /* ABOUT Y DEMÁS PÁGINAS */ body.page-template-default #canvas > .wp-block-columns{padding: 0 1.5rem ; background: transparent;} .page-about .wrapper-info{ }/* -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; .page-about .wrapper-info > .cell{padding-bottom: 10vh;}*/ .page-about .scroller{display: none;} /* PAGE BOOKS, WORK, STANDARD body.term-book, body.term-book:not(.ghost-mode) .header, body.term-book:not(.ghost-mode) .footer{ background-color: /* literal #E1DCB8 #f5efc7 !important; }*/ /*body.term-nfts, body.term-nfts #canvas, body.term-nfts .header{background-color:#dbbebe;}*/ /* Small only */ @media screen and (max-width: 39.9375em) { /* GENERALES */ #grid-frame{height: auto;} /* CANVAS */ #canvas{ position: fixed; bottom: 0; height: auto;width: 100%;padding: 0;z-index: 10;background-color: white;max-height: 80vh; overflow-y: scroll;} /* NFTs */ /* INFO */ #canvas.proyectos--nfts .nft--info-columns{order: 1;padding: 0 1.5rem;} /* GALLERY */ #canvas.proyectos--nfts .nft--gallery-columns{height: auto;} #canvas.proyectos--nfts .nft--gallery-columns{/*height: 30vh !important;*/-webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; order: 0; display: flex; flex-wrap: nowrap; flex-direction: row;overflow-x: scroll; scroll-snap-type: x mandatory;} #canvas.proyectos--nfts .nft--gallery-single-column{display: flex;-webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; flex-basis: auto !important;} #canvas.proyectos--nfts .wp-block-image img{max-width: 90vw; max-height: 200px;} #canvas.proyectos--nfts .proyecto--wrapper.status--open{height: 80vh;} /* FOOTER */ #embedded--footer{display: block;} .footer{padding-left: 0; padding-top: 10rem;} /* GALLERY ACF */ .layout--gallery img{object-position: top;} } /* Medium and up */ @media screen and (min-width: 40em) { /* GENERAL #canvas, #sidebar{height: calc(100vh - 7.5rem);overflow-y: scroll;}*/ body{overflow: hidden;} /* HEADER */ #huge-header{padding-top: 0;} /* SIDEBAR */ #sidebar{max-width: 400px;} /*#cuerpo--sidebar{width: 300px;}*/ /* ESTO ES CANVAS #cuerpo--principal{height: calc(100vh - 7.5rem);overflow: hidden; }*/ /* NFTs */ .nft--info-columns{overflow: hidden; height: 20%; margin-bottom: 0;padding-bottom: 1.5rem;} .nft--info-single-column{max-height: 20vh; overflow-y: scroll;} .nft--gallery-columns{height: 80%;margin-bottom: 0;overflow: hidden;} .nft--gallery-single-column{overflow-y: scroll; /*height: 100%;*/} .nft--single-item{position: relative;margin-bottom: 2rem;} .nft--single-item a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .caramba--nft-text-columns .wp-block-column{overflow-y: scroll; height: 10rem;} .caramba--automatic-scroll{height: calc(100vh - 7.5rem - 10rem); overflow-y: scroll;} /* CANVAS */ #canvas{padding-right: 0;} /* FRONTPAGE */ .proyectos--wrapper .accordion .accordion-item.proyecto.is-active::before{ width: 15vw; } .proyectos--wrapper .accordion .accordion-item.proyecto .accordion-content img{margin-left: 1.75rem; } .proyectos--wrapper .accordion .accordion-item.proyecto .accordion-content img + img {margin-left: 2.1875rem;} /* PROYECTOS */ .proyecto-texto{ width: 35vw; max-width: 500px;} /* GENERALES */ .scroller {width: calc(100vw - 400px); top: 3rem; right: 0; left: auto;background: transparent; } /* ABOUT */ .page-about .wrapper-info{-webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;} #footer--wrapper{display: block;} } /* Medium only */ @media screen and (min-width: 40em) and (max-width: 63.9375em) { .layout--gallery{overflow-x: scroll; white-space: nowrap; overflow-y: hidden;min-height: 200px;margin-bottom: 1rem;} } /* Large and up */ @media screen and (min-width: 64em) { /* GENERALES */ .wp-block-column p:last-child{margin-bottom: 0;} /*.current-project-activator{display: block; background: red; width: 2rem; height: 2rem; position: fixed; top: 0; right: 0;z-index: 100;}*/ /* ABOUT Y DEMÁS PÁGINAS */ body.page-template-default #canvas{padding-top: 1.5rem; padding-bottom: 1.5rem;} body.page-template-default #canvas > .wp-block-columns{padding: 1.5rem 0; background: transparent;height: 100%;margin-bottom: 0;} body.page-template-default #canvas > .wp-block-columns > .wp-block-column{overflow-y: scroll; height: 100%;} /* HEADER */ #animated_icon{width: 2.5vw; } /* CANVAS */ #canvas-dead { top: 0; padding-top: 15vh; height: 100vh; right: 0px; left: auto; bottom: auto; width: calc(100vw - 400px);overflow-y: scroll;} /* PROYECTOS LAYOUT */ .proyecto-texto, .accordion-content img{height: 375px;} /* NFTS */ #canvas.proyectos--nfts .proyecto--wrapper{padding-right: 1.5rem;} /* SIDEBAR */ #cuerpo--sidebar{width: 400px;} .proyectos--list{padding-left: 0; padding-right: 0;} .proyectos--list > li:last-child{margin-bottom: 4rem;} .proyectos--list--wrapper{position: relative;overflow: hidden;margin-bottom: 1rem; transition: all 0.2s ease;} .proyectos--list--wrapper:after{content: ''; position: absolute; top:30vh; background: -webkit-linear-gradient(90deg, #fce6e6, #fce6e65a); height: 5rem; width: 100%; pointer-events: none; } .caramba--ui-oscuro .proyectos--list--wrapper:after{background: -webkit-linear-gradient(90deg, #181818, #1818185a ); } /* NFTs */ #huge-header{padding-right: 2rem;} #huge-header img{width: 100%;} .proyectos--list.proyectos--nfts {margin-top: 1rem; max-height: 30vh; overflow-y: scroll;} .proyectos--subtitle{text-transform: uppercase; font-weight: bold;} #canvas-dead.proyectos--list--nfts{padding-top: 10vh;overflow-y: hidden;} #canvas-dead.proyectos--list--nfts .proyecto--wrapper.status--open{display: flex;flex-wrap: wrap; justify-content: space-between;flex-direction: row;max-height: 100vh;} #canvas-dead.proyectos--list--nfts .layout--texto{flex: 0 0 30%;overflow-y: scroll;height: 20vh;} #canvas-dead.proyectos--list--nfts .layout--texto + .layout--texto{margin-top: 0;} #canvas-dead.proyectos--list--nfts .content--gallery-wrapper{order: 4;display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between;height: 70vh;padding-top: 2rem;overflow: hidden;width: 100%;} .nft-galery-wrapper{ width: 100%;} .nft-galery-wrapper .gallery--column{overflow-y: scroll;height: 70vh;} .gallery--image-token{display: block;margin-bottom: 1rem;} #canvas-dead.proyectos--list--nfts .layout--gallery img{min-height: 300px;height: auto;margin-left: 0;width: 100%;} /* FOOTER */ .footer{padding-top: 1rem;} /* FRONTPAGE .proyectos--wrapper .accordion .accordion-item.proyecto.is-active::before{ width: 10vw; height: calc(100% - 3.5rem); } .proyectos--wrapper .accordion .accordion-item.proyecto .accordion-content::-webkit-scrollbar:horizontal{ height: 15px; }*/ /* ABOUT */ /* ESTO ES EL CANVAS .page-about .wrapper-info{padding: 0 2.5rem;}*/ /*.page-about .wrapper-info > .cell{ max-height: calc(100vh - 15rem); overflow-y: scroll; } .page-about .wrapper-info > .cell + .cell{ padding-left: 1.5rem; }*/ .page-about .footer{padding: 0.5rem 2.5rem 2.5rem; position: fixed; bottom: 0; left: 0; width: 100%;} } /* Large only */ @media screen and (min-width: 64em) and (max-width: 112.9375em) {} /**XLarge screens**/ @media only screen and (min-width: 113em) { /* CANVAS */ #canvas-dead { padding-top: 7vh; } /* made-up-xlarge */ .xlarge-2{ max-width: 16.66vw;} /* HEADER */ .header .xlarge-2{ width: calc(16.66vw - 2.5rem) !important;} /* CUERPO */ .proyectos--wrapper .xlarge-2{ width: calc(16.66vw - 2.5rem) !important;} } /* min-width 1441px, xlarge screens */