/* Theme Name: MÍNIMO Theme URI: http://carambamoreno.com Author: Mauricio González Author URI: http://carambamoreno.com/ Description: Preparado para sostener cualquier tema desarrollado por Caramba Moreno Version: 1.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: foundation, custom made Text Domain: minimo_template This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** Small screens **/ @media only screen { html { height: 100% !important; overflow:auto; } body { height: 100% !important; font-family: 'Red Hat Text', sans-serif; } /* GENERALES */ html, body{ font-size: 16px; font-weight: 500; } /* NUEVA ESCALA: 1.125 MAJOR SECOND */ h1, h2, h3, h4, h5 {color: black;font-weight: 800;line-height: 1.2;} h1 {font-size: 1.802rem;} h1.jumbo{font-size: 2rem;} h2 {font-size: 1.602rem;} h3 {font-size: 1.424rem;} h4 {font-size: 1.266rem;} h5 {font-size: 1.125rem;} h6, small, .text_small {font-size: 0.889rem;} /* h1{ font-size: 1.5rem; font-weight: 500; } h2, h3, h4, h6{ } h3{font-size: 1.125rem;font-weight: 500;margin-bottom: 1rem;} h4{font-size: 1rem;} h5{ font-family: 'Red Hat Text', sans-serif; font-size: 0.8rem; color:#666; } h6{;margin-bottom: 0.1rem;}*/ p{ font-family: 'Red Hat Text', sans-serif; line-height: 1.6em;color: #666;font-weight: 400;margin-bottom: 1rem;} a, a:hover, a:active, a:focus{color: #232323;outline: none;} a:hover{text-decoration: underline;} h1 a, h1 a:hover, h1 a:active, h1 a:focus{color: #000000;} .download-button{background: transparent; border: 1px solid #d9d9d9; color: #676767;} .download-button:hover, .download-button:focus{background: black; color: white;border: 1px solid black;} .responsive-embed{margin-bottom: 0 !important;} .responsive-embed.vertical{padding-bottom: 180%;} strong{font-weight: 500;color: black;} ul{font-size: 0.9rem;} hr{margin: 0.5rem 0.5rem 1.25rem auto;} /* HELPERS */ .not-ready{position: fixed; z-index: 20; top: 0; left: 0; background: rgba(255,255,255,0.95); width: 100%; height: 100%;display: none;} .not-ready h3{display: block; top: 50%; transform: translate(-50%); position: relative; width: 80%; text-align: center; left: 50%;} .loader{position: fixed; z-index: 30; top: 0; right: 0; width: 3rem; height: 3rem;background: url(img/loading-light.gif) black 50% 50% no-repeat ; background-size: 15px;} .fade-away{opacity: 0;transition: all 1s ease-out;} .caramba--on{ display: block !important; position: relative; /*height: 100%;*/ } .post-edit-link{position: fixed; background: black; color: white; bottom: 1rem; left: 1rem;z-index: 100; padding: 0.35rem 0.7rem;text-transform: uppercase; font-size: 0.75rem;text-transform: uppercase;} .overflow-disabled{ overflow: hidden; } /* OFFCANVAS */ .off-canvas-content.is-open-top.has-transition-push{-webkit-transform: translateY(350px);-ms-transform: translateY(350px); transform: translateY(350px);} .off-canvas-absolute, .off-canvas-content{transition-duration: 0.2s !important; } .position-top{box-shadow: 0px 0px 0px !important; background: #666; color: white;padding-top: 2rem; padding-bottom: 2.5rem;height: auto;-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);} #menu-menu-principal a{font-size: 1.286rem;line-height: 2.5em;color: white;width: 100%; text-align: center; font-weight: 700; } #offCanvasTop{ height: 350px; background-color: #313131; /* background-color: #a3a3a3; */ /* text-align: center; */} #offCanvasTop a.parent-menu--link{ color: rgba(255,255,255,.7); font-size: 1.125rem; line-height: 2.5em; padding: 0.2em; } #offCanvasTop a:hover{ color: #ffffff !important; } #offCanvasTop .menu-principal-small li{flex-direction: column;} /*#offCanvasTop .menu-principal-small .menu--title + .submenu{ border-top: 1px solid #ffffff; }*/ #offCanvasTop .menu-principal-small .menu--title .parent-menu--link{ color: rgba(255,255,255,.7); font-size: 1.125rem; line-height: 2.5em; padding: 0.2em; } #offCanvasTop .menu-principal-small .menu--content{ margin-bottom: 1.25rem; } #offCanvasTop .menu-principal-small .child-menu--link{ color: rgba(255,255,255,.5); line-height: 1.5rem; /* padding: 1rem 1.5rem; */ padding: 0.5rem 0 0.5rem 1.5rem; /*max-width: 85%; margin: 0 auto;*/} #offCanvasTop .is-submenu-item{font-size: 1rem;} #offCanvasTop .menu-principal-small .active-link{color: white;} .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after{border-color: white transparent transparent; right: 0;} /* NAVIGATION */ img.logo{ max-width: 10rem; image-rendering: -webkit-optimize-contrast; max-height: 3rem;} h1.logo{font-weight: 700;} .logo{font-weight: 700;} .current-menu-parent, .current-menu-item{color: white !important;} /* TOPBAR FOR SMALL */ .seccion--topbar{padding:1.429rem; background-color: #ffffff; } .seccion--topbar h1{margin-bottom:0;font-weight: 700; color: black;font-size: 1rem;} .seccion--topbar .open-menu--link, .seccion--topbar .open-menu--link:hover, .seccion--topbar .open-menu--link:active{ color: #2a2a2a; font-weight: 500; } /* LEFTBAR FOR MEDIUM AND LARGE - esto es sólo para cuando el logo no es una imagen, se debe aplicar diferente .menu.vertical:not(.secundario) li:first-child a.accordion-title{font-weight: 700;} */ /* USADO EN VERSIONES ANTERIORES Y EN EL ACORDEÓN DE LA IZQUIERDA DE MEDIUM Y LARGE */ .accordion { margin-bottom: 0; } .accordion .accordion-item{ /*border: 0;*/ } .accordion .accordion-item .submenu-toggle::after{ border-color: #000 transparent transparent; }/* CHANDER 01/12/2020 PARA QUE LA FLECHA DEL PARENT MENU ESTÉ NEGRA */ .accordion .accordion-item .submenu-toggle{ opacity: 0; outline: none; border: 0; }/* CHANDER 01/12/2020 */ .accordion .accordion-item:hover .submenu-toggle{ opacity: 1; }/* CHANDER 01/12/2020 */ .accordion .accordion-item.caramba-active .accordion-title{ color: #a3a3a3; } .accordion .accordion-item .accordion-title{ border: 0; line-height: 1; text-decoration: none; padding: 0.7rem 1rem; padding-left: 0; color: #000000; font-weight: 500; font-size: inherit; } .accordion .accordion-item .accordion-title:before{ content: ''; } .accordion .accordion-item .accordion-title:hover, .accordion .accordion-item .accordion-title:focus{ background-color: transparent; } .accordion .accordion-item .accordion-content{ border: 0; padding-top: 0.35rem; } .accordion .accordion-item .accordion-content a.current-page{ color: #a3a3a3; } .accordion .submenu li a{padding-left: 0; color: #5f5f5f;line-height: 1.2;} /* PAGE */ .content--frame{min-height: 100% !important;} /*.seccion--cuerpo{padding:1.429rem; height: 100vh !important; }*/ .seccion--cuerpo .seccion--contenido{/*padding:1.429rem;border: 1px solid red;*/} .seccion--cuerpo.caption--on{ padding-bottom: 0; height: 100vh; } .seccion--cuerpo h1{ /*margin-top: 1rem; margin-bottom: 1rem;*/} .cuerpo--foto{/*margin-bottom: 0.5rem;*/border: 1px solid #dcdcdc;} .cuerpo--foto-holder{/*margin-bottom: 2rem;*/} .page-contacto .seccion--cuerpo{padding-bottom: 3rem;} /* FRONTPAGE */ .home .cuerpo--foto-holder h5, .home .cuerpo--foto-holder p{display: none;} .cuerpo--fotos-wrapper.large-up-1 a.toggle--thumbnail-link{cursor: default;} body.home .cuerpo--foto-holder{text-align: right;} /*body.home .cuerpo--layout-wrapper{margin-bottom: 0;}*/ .seccion--cuerpo .cuerpo--menu-holder .grid-frame{ height: calc(100vh - 6rem); } /* HELPERS ON THE LEFT */ .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select{ opacity: 0; visibility: hidden; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select.caramba--on{ /*display: block !important;*/ opacity: 1; visibility: visible; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .slideshow--gallery-thumbnail-text .textos--slide .grid-frame{ height: 100% !important; min-height: 15vh; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .slideshow--gallery-thumbnail-text .textos--slide h5{ color: #121212; margin: 0; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .slideshow--gallery-thumbnail-text .textos--slide p{ line-height: 1.2em; margin: 0; margin-top: 0.5rem; margin-bottom: 0.2rem; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select p.show--thumbnails{ line-height: 1.2em; margin:0; margin-top: 0.5rem; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .helpers-prev, .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .helpers-next{ cursor: pointer; } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .slideshow--gallery-thumbnail-text .slick-track{ /*width: 100% !important;*/ } .seccion--cuerpo .cuerpo--menu-holder .helpers--thumbnail-select .slideshow--gallery-thumbnail-text .slick-track .textos--slide{ /*width: auto !important;*/ } .seccion--cuerpo .cuerpo--fotos-wrapper.caramba--off{ display: none; } .seccion--cuerpo .cuerpo--texto-wrapper.caramba--off{ /*display: none;*/ } /* GALLERY THUMBNAIL SELECT */ .seccion--cuerpo .gallery--thumbnail-select.caramba--on{ display: flex !important; position: relative; /*height: 100%;*/ } .seccion--cuerpo .gallery--thumbnail-select .slideshow--gallery-thumbnail{ /*position: absolute;*/ top: 0; left: 0; /* width: 100%; height: 100%;*/ z-index: -1; } /*.seccion--cuerpo .gallery--thumbnail-select .slideshow--gallery-thumbnail .slick-track{ height: calc(100vh - 8rem); } quitado por mau */ .seccion--cuerpo .gallery--thumbnail-select .slideshow--gallery-thumbnail .thumbnail--slide{ /*height: 100%; width: 100%; */background-size: contain; background-repeat: no-repeat; background-position: center center;/*min-height: 35rem;*/} .seccion--cuerpo .gallery--thumbnail-select .slideshow--gallery-thumbnail .thumbnail--slide img{ /*height: 100%;*/ width: auto; height: auto; min-height: 10rem; min-width: 100%; } .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--prev{ cursor: w-resize; background: transparent; /*border: 1px solid red;*/left: 0; position: absolute;height: 100%; } .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--next{ cursor: e-resize; background: transparent; /*border: 1px solid red;*/right: 0; position: absolute;height: 100%;} .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--close{ cursor: s-resize; background: transparent; /*border: 1px solid blue;*/ position: absolute;height: 100%;} .seccion--cuerpo .gallery--thumbnail-select .helpers--thumbnail-select .helpers-prev, .seccion--cuerpo .gallery--thumbnail-select .helpers--thumbnail-select .helpers-next, .seccion--cuerpo .gallery--thumbnail-select .helpers--thumbnail-select .show--thumbnails, .seccion--cuerpo .gallery--thumbnail-select .helpers--thumbnail-select .show--thumbnails *{ cursor: pointer; font-size: 0.75rem; } /* CHANDER 01/12/2020 */ /* SINGLE */ .cuerpo--entry-title h1{} .cuerpo--texto-wrapper{margin-bottom: 2rem;} /*.cuerpo--layout-wrapper{margin-bottom: 5rem;}*/ .cuerpo--trayectoria-wrapper{font-size: 0.9rem;font-weight: 400;line-height: 1.4;} .cuerpo--fotos-wrapper .cuerpo--foto-holder:last-child{margin-bottom: 0;} .trayectoria--row{margin-bottom: 1rem;} .trayectoria--row span:after{content:', ';display: inline-block; } .trayectoria--row span:last-of-type:after{content: '';display: none;} .trayectoria--titulo{color: black; font-weight: 500; font-style: italic;} .trayectoria--link{text-decoration: underline;} .single-portafolio .seccion--cuerpo .seccion--contenido{padding-bottom: 2rem;} .cuerpo--trayectoria-wrapper{font-size: 0.9rem;} /* LAYOUTS ESPECÍFICOS */ .layout--grid{margin-bottom: 3rem;margin-top: 1rem;} .layout--grid:first-of-type{margin-top: 0;} .layout--grid img{transition:all 0.2s ease;} .layout--grid:not(.caramba--loaded) img{opacity:0.2;cursor:default;} .layout--grid.caramba--loaded img{opacity:1;cursor:pointer;} /* LAYOUT: GALLERY */ .layout--gallery{} .layout--gallery--foto-holder{margin-bottom: 1rem !important;min-height:175px;object-fit:contain;} .layout--gallery .layout--gallery--foto-holder.foto--con-video a::before{ content: ' '; position: absolute; top: 50%; left: calc(50% + 0.25rem); transform: translate(-50%, -50%); border: 0; background: transparent; box-sizing: border-box; width: 0; height: 2rem; border-color: transparent transparent transparent white; cursor: pointer; border-style: solid; border-width: 1rem 0 1rem 1.621rem; } .layout--gallery .layout--gallery--foto-holder.foto--con-video a::after{ content: ' '; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid white; height: 5rem; width: 5rem; border-radius: 50% } .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--next, .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--prev, .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--close{ z-index: 10; } .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--close.video-active{ z-index: 8; } .seccion--cuerpo .gallery--thumbnail-select .thumbnail-select--next + .cell{ z-index: 9; } .helpers--thumbnail-select .thumbnail-select--close{ display: block; } /* LAYOUT: GRID ITEMS */ .layout--grid-item{margin-bottom: 1rem;} .layout--grid-item--title{padding: 0.75rem 1rem } /*.single .off-canvas-content > .grid-frame{height: auto !important;}*/ .cuerpo--items-wrapper:not(.mansory-active) .cuerpo--item{ /* margin-bottom: 0.5rem; margin-left: 0.5rem; */ margin-right: 1rem; /*padding: 0.5rem;*/ } .cuerpo--items-wrapper:not(.mansory-active) .cuerpo--item > a{ display: block; height: 100%; width: 100%; outline: none; text-decoration: none; cursor: pointer; } .cuerpo--items-wrapper:not(.mansory-active) .cuerpo--item > a img{ width: 100%; height: auto; /*margin-bottom: 0.5rem; */} .cuerpo--items-wrapper:not(.mansory-active) .cuerpo--item > a h3{ margin-bottom: 0; } .cuerpo--items-wrapper.mansory-active{ margin-bottom: 5rem !important; } .cuerpo--items-wrapper.mansory-active .cuerpo--item{ margin-bottom: 1.429rem; } .cuerpo--items-wrapper.mansory-active .cuerpo--item > a{ outline: none; text-decoration: none; cursor: pointer; } .cuerpo--items-wrapper.mansory-active .cuerpo--item > a img{ height: auto; } /* LAYOUT: ALERT */ .layout--alert{padding: 0.85rem 1rem; border: 1px solid #dcdcdc;} .layout--alert .layout--alert--titulo h4{margin-bottom: 0;} /* LAYOUT: VIDEO LOCAL */ .layout--video-local{} .layout--video-local video{object-fit: cover;} } /* Define mobile styles */ @media only screen and (max-width: 40em) { /* OFFCANVAS ?? LA ALTURA LA VAMOS A OBVIAR. .home .off-canvas-content{ height: calc(100vh - 5rem); }*/ /* SINGLE */ .cuerpo--foto{min-width: 100%;} .toggle--thumbnail-link{display: block;} /* LAYOUTS ESPECÍFICOS */ /* LAYOUT VERTICAL */ #seccion--layout-wrapper{padding-bottom: 10vh;} /* GALLERY */ .layout--gallery--helpers{display: none !important;}/* LOS HELPERS NO SE MUESTRAN EN PEQUEÑO PORQUE HASTA EL MOMENTO, LOS SLIDESHOWS EN PEQUEÑO ESTÁN DESACTIVADOS */ } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /** Medium screens**/ @media only screen and (min-width: 40.063em) { /* GENERAL */ p{ font-weight: 500;letter-spacing: .02em;} /* HELPERS */ .not-ready{display: none;} } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /** Large screens**/ @media only screen and (min-width: 64.063em) { /* GENERALES */ p{/*font-size: 1.2rem;*/color: #2d2d2d;font-weight: 400;font-size: 1rem; line-height: 1.8em;} h1{ font-size: 1.55rem;} h3{font-size: 1.175rem;} h4{font-size: 1.05rem;} h5{ font-size: 0.85rem;} /*.seccion--cuerpo{padding: 4rem;}*/ ul{font-size: 1rem;} /* HELPERS */ .large-align-left{-webkit-box-pack: start; -webkit-justify-content: left; -ms-flex-pack: start; justify-content: left;} /* NAVIGATION */ .menu.vertical{max-width: 15rem;} .logo{font-size: 1rem !important;margin-bottom: 2.5rem;} .seccion--topbar h1{margin-bottom: 1em;} .current-menu-parent, .current-menu-item{color: black !important; font-weight: 700 !important;} .accordion .submenu{font-weight: 400;/*font-size: 0.85rem;*/} /*.seccion--navegacion{padding-right: 2rem;} por qué no usar el offset? */ .seccion--navegacion .navegacion--logo img{ max-height: 8rem; max-width: 15rem; margin-bottom: 1rem; } .accordion-item:hover a::after{border-color: black transparent transparent !important;} .menu.secundario{ font-size: 0.75em; margin-top: 1.25rem; } .menu.secundario li{ font-size: inherit; } .menu.secundario li a{ padding: 0.7rem 1rem; padding-left: 0; } /* PAGE */ /*.content--frame{min-height: 100vh !important;overflow-y: scroll;}*/ .seccion--cuerpo .seccion--contenido{padding:0;} .cuerpo--menu-holder h1{margin-top: 0;} .cuerpo--menu-holder .menu{margin-left: 0;} .cuerpo--menu-holder .menu a{padding-left: 0; /*color: #a3a3a3;*/ color: #000000; font-weight: 700;} .cuerpo--menu-holder .current-menu-item a{color: #1f1f1f;} /*.seccion--cuerpo h1{margin-bottom: 2.5rem;}*/ .home .cuerpo--foto{margin-bottom: 0;} .cuerpo--foto-holder{ margin-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem;} .cuerpo--foto-holder a{display:block;} .home .cuerpo--foto-holder{ margin-bottom: 1rem; } /* FRONTPAGE */ .cuerpo--foto-holder h5, .cuerpo--foto-holder p{display: none;} /* MENU */ /*.menu .menu-item-object-page{ font-size: 0.75em; }*/ .menu .menu-item-object-page a{ color: #000000; } /*.menu .menu-item-object-page:nth-child(odd) { margin-top: 1rem; }*/ /* LAYOUT HORIZONTAL */ #seccion--layout-wrapper{padding-top: 3.75vw;padding-bottom: 4vw;} /* LAYOUTS */ /* LAYOUT GALLERY */ .helpers--thumbnail-select{position: fixed; bottom: 0; left: 0; width: 25%; padding: 4rem; font-size: 75%;} .slideshow--gallery-thumbnail-text span{cursor: pointer;} .slideshow--gallery-thumbnail-text span:hover{text-decoration: underline;} .seccion--cuerpo .gallery--thumbnail-select .slideshow--gallery-thumbnail .thumbnail--slide img{max-height:85vh;object-fit:contain;} /* LAYOUT GRID ITEMS */ .cuerpo--items-wrapper.mansory-active .cuerpo--item{ margin-bottom: .5rem; padding-left: .5rem; padding-right: .5rem; } } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /**XLarge screens**/ @media only screen and (min-width: 90.063em) { /* LAYOUT HORIZONTAL */ #seccion--layout-wrapper{margin-left: auto; margin-right: auto; max-width: 92vw;} .xlarge-auto{width: auto !important;-webkit-box-flex: 1 !important; -webkit-flex: 1 1 0px !important; -ms-flex: 1 1 0px !important; flex: 1 1 0px !important;} /* NAVEGACIÓN COLUMNA IZQUIERDA*/ .seccion--navegacion{max-width: 20rem;} } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /**XXLarge screens**/ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */