/* Theme Name: Beetrex Theme URI: http://beetrex.com Author: Mauricio González Author URI: http://carambamoreno.com/ Description: Preparado para sostener beetrex.com Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blank, foundation, custom made Text Domain: beetrex 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. Amarillo: #FDDC0D */ /** Small screens **/ @media only screen { /* ENCUESTA JUNIO 2020 */ .page-id-15202 .wpcf7-list-item{width: 100%; clear: left;} /* STYLE */ .loading{position:fixed; top: 0; left: 0; width:100vw; height: 100vh; background: url("http://beetrex.com/wp-content/themes/beetrex/img/logo.svg") 50% 50% no-repeat/*, url("http://beetrex.com/wp-content/themes/beetrex/img/loading.gif") 50% 60% no-repeat,*/ white;z-index: 10000;background-size: 170px/*, 50px*/;} .post-edit-link{position: fixed; bottom: 2rem; right: 2rem;} /* GENERALES */ h1, h2, h3, h4, h5, h6{font-family: poppins;} h1, h2, h3, h4{line-height: 1em;} h1, h2{font-weight: 700; letter-spacing: -0.04em;line-height: 1.2em;} h1{font-size: 2rem;} h1 span { display: block; font-size: 0.5em;line-height: 0.7em; color: black; text-transform: lowercase; letter-spacing: 0.01rem;} h3, h4, h5{font-weight: 600; letter-spacing: -0.02em;line-height: 1.1em;} h5 span { display: block; font-size: 0.7em; font-weight: 600; letter-spacing: 0.01em;} h3{margin-bottom: 1em;} p+h4{margin-top: 1.5em;margin-bottom: 1em;} body{font-family: roboto, sans-serif;} a{color: black;outline: 0;} a:not(.button){text-decoration: underline;} a:hover{color: #2b2b2b;} a:active, a:focus{outline: none; color: black;} .whole-section{margin-top: 2em;padding-top: 2em;border-top: 2px solid #f3f3f3;} .whole-section h4 + p{margin-bottom: 0;} .whole-section .read-more {margin-top: 1em;display: inline-block;} .read-more.show-for-large{display: block; background: url(img/right-black.svg) 50% 50% no-repeat rgba(0,0,0,0.05); margin: 0; border-radius: 5px; height: 100%;} /* BUTTON */ button, .button, [type="button"], [type="submit"]{background: #f3f3f3;color: #333; border-radius: 5px;border: 2px solid #eaeaea;font-size: 0.9em;font-weight: 600; letter-spacing: 0.02em;text-transform: capitalize;outline: 0;font-family: poppins;} button:hover, .button:hover, [type="button"]:hover, button:focus, .button:focus, [type="button"]:focus, button:active, .button:active, [type="button"]:active {background: #212121; color: #f3f3f3;border: 2px solid black;outline: 0;} .button.secondary:focus, .button.secondary:hover{background: white; color: black;} .edit-frontend-button{position: fixed; bottom: 1rem; right: 1rem;z-index: 10;} .close-button, .close-button:focus{background: transparent !important; border: 0 none;font-size:2.9em; font-weight: 100;color: black;} .close-button:hover{color: #0a0a0a; border: 0 none !important;} #offCanvas .close-button:hover, #offCanvas .close-button{color: white;} .menu-icon, .menu-icon:hover, .menu-icon:active, .menu-icon:focus{background: none transparent; border: 0 none;width: 25px; height: 20px;} .menu-icon:before, .menu-icon:hover:before {content: 'menu'; position: absolute; top: 15%; right: 150%;color: #212121;} .menu-icon:after, .menu-icon:hover:after{background:black; box-shadow: 0 7px 0 #000, 0 14px 0 #000;height: 3px;} ul{margin-left: 0;} input[type="text"], input[type="email"], textarea{box-shadow: 0 0 0; border: 2px solid #eaeaea;font-size: 1em;} input[type="text"]:focus, input[type="email"]:focus, textarea:focus{border: 2px solid black;box-shadow: 0 0 0;} .loader{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: white; left: 0; top: 0;} p.lead{margin-top: 3vh; margin-bottom: 2em;line-height: 1.5em;} button.main, .button.main, [type="button"].main, [type="submit"].main{background: black; color: white;border: 2px solid black;} .dropdown.menu{border: 2px solid #f3f3f3; color: black;border-radius: 5px;} .dropdown.menu a{text-decoration: none;} .dropdown.menu>li.opens-right>.is-dropdown-submenu{top: 98%;} .dropdown.menu>li.is-dropdown-submenu-parent>a::after{border-color: #212121 transparent;right: 10px;} .is-dropdown-submenu-parent{width: 100%;} .dropdown.menu>li.opens-right>.is-dropdown-submenu{left: -2px; width: calc(100% + 4px); border: 2px solid #eaeaea; } .column p{font-size: 0.95em; line-height: 1.45;} .slick-slide:focus{outline: 0;} .wp-audio-shortcode{margin-bottom: 2rem;} /* NAVIGATION */ .logo h1{text-indent: -9999px;display: none;} #topbar{margin-bottom: 10vw;} .lang-item{display: block;} #footer .lang-item a{background: #f3f3f3; color: #333;border-radius: 5px;border: 2px solid #eaeaea;font-size: 0.9em;font-weight: 600; letter-spacing: 0.02em;text-transform: capitalize;outline: 0;font-family: poppins; display: block; text-align: center; padding: 0.85em 1em; text-decoration: none;} /*#footer .lang-item a{background: black; color: white;}*/ .small{font-size: 0.8em;} .tight{line-height: 1.3;} .callout{border:2px solid #eaeaea;border-radius: 5px; overflow: hidden;} .off-canvas.is-open{box-shadow: 0 0 0 0 !important;} .off-canvas{padding: 10vh 5vw;} .title-bar{ width: 100%;background:white;} .title-bar .logo{display: block;} /* BREADCRUMBS EN OFFCANVAS */ #offCanvas #breadcrumbs{position: absolute; left: 1.5rem; top: 1.5rem;} #offCanvas .breadcrumbs a, #offCanvas .breadcrumbs span{color: white;} #offCanvas .breadcrumbs{text-align: center;} #offCanvas .breadcrumbs [itemscope], #offCanvas .entry-breadcrumbs > a{float: left; font-size: .6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase;text-decoration: none;} .breadcrumbs a, .breadcrumbs span{color: black;} .breadcrumbs [itemscope]:not(:last-child)::after, .breadcrumbs .entry-breadcrumbs > a:not(:last-child)::after { position: relative; margin: 0 .75rem; opacity: 1; content: "/"; color: #cacaca;display: inline-block;} /* OFF CANVAS LEFT MENU */ #offCanvas{background: black;} #offCanvas .menu.vertical:not(.dropdown) a{color: white;font-weight: 600;font-family: poppins;font-size: 1.5em;text-decoration: none;} #offCanvas .menu.vertical:not(.dropdown) a:hover{text-decoration: underline;} #offCanvas .dropdown.menu{position: absolute; bottom: 20vh; width: 40vw;} #offCanvas .dropdown.menu a{color: white;} #offCanvas .dropdown.menu>li.is-dropdown-submenu-parent>a::after{border-color: white transparent;} #offCanvas .dropdown.menu>li.opens-right>.is-dropdown-submenu a{color: black;} /* OFF CANVAS RIGHT CONTACT FORM */ #form-wrapper{position: relative;} #offCanvasRight{background: white;border-left: 2px solid black;} span.wpcf7-not-valid-tip{font-size: 0.9em; line-height: 1.2em; margin-bottom: 5vh;} .wpcf7 .ajax-loader{height: 45px; display: block;} div.wpcf7-response-output{margin: 0;padding: 3vh 5vh;} .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { color: #D8000C; background-color: #FFBABA; border: 0; padding: 10px;} .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #4F8A10; background-color: #DFF2BF; border: 0; padding: 10px;} div.wpcf7 .ajax-loader{position: absolute; display: block; left: 0; top: 0; width: 100% !important; height: 100% !important; background-position: 50%; background-repeat: no-repeat; background-color: rgba(255,255,255,0.8);} #contact-form-response{margin-top: 2em;} #contact-form-captcha{margin-bottom: 2em;} /* HOMEPAGE */ #homepage-jumbo .slick-slide .row{padding-top: 4rem; padding-bottom: 6rem;position: relative;background-size: cover !important;color: white;border-radius: 5px; overflow:hidden; background-attachment: fixed;min-height: 85vh;background-position-x: 50%;} #homepage-jumbo .slick-slide .row:before{ background: rgba(0,0,0,0.3); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; display: block;z-index: 0;border-radius: 5px;} #homepage-jumbo a{color: white;} #homepage-jumbo h1{color: white;display: inline-block;} #homepage-jumbo h1 + .lead{margin-top: 0;} #homepage-jumbo .columns{z-index: 1; position: relative;} #pasos-a-seguir{margin: 2rem auto;} #pasos-a-seguir h1{line-height: 1em;opacity: 0.1;white-space: nowrap;} #pasos-a-seguir p{font-size: 1.1rem;} #header-right{background: url(img/header-josh-wilburne-140518.jpg) 50% 50% no-repeat;background-size: cover;} #header-left .button{margin-bottom: 0;} /* CASOS DE ÉXITO */ #casos-exito-loop .callout{border:1px solid rgba(10,10,10,.08);background: #fafafa;padding: 2rem;margin-bottom: 1rem;} #casos-exito-loop .column:not(#subscribe) .callout:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0px; top: 0;background: rgba(0,0,0,0.45);z-index: 0;} #casos-exito-loop .column:not(#subscribe) .callout a{position: relative; z-index: 2; color: white; text-decoration: none;} #casos-exito-loop .callout .row{position: relative; z-index: 1; color: white;} #subscribe .callout{background: rgba(253,220,13, 0.5);} #subscribe .button{margin-bottom: 0;} #cotbuh .callout{color: white; border: 2px solid black; background: url(img/cotbuh-logo.svg) 5vh 5vh no-repeat black; background-size: 60%;} #cotbuh h5{ position: absolute; bottom: 10%; left: 10%; font-size: 0.9em; letter-spacing: 0.02em;} #casos-exito-loop .status-pending.column:not(#subscribe) .callout:before, .status-pending .main-token:after{background: rgba(255,255,255,0.9)} .status-pending a{cursor: default;} .status-pending h5, .status-pending .faux-link, .status-pending .small{color: #616161 !important;position: relative; z-index: 2;} #casos-exito-loop .status-pending .callout{border: 0 none;} .post-technical-data { border: 2px solid #f3f3f3; padding: 1rem; border-radius: 5px; margin-bottom: 2rem; display: block; font-size: 0.9rem; } .post-technical-data dl{margin-bottom: 0;} .post-technical-data dl dt{margin-top: 1rem;} /* TRABAJE CON NOSOTROS */ #work-with-us{margin-top: 5vh;padding-top: 5vh;border-top: 2px solid #f3f3f3;display: none;} #work-with-us .column{margin-top: 2.5vh; margin-bottom: 2.5vh;} /* CALL TO ACTION */ #call-to-action .button, #call-to-action h4{margin-bottom: 0;} /* COBERTURA AMPLIADA */ .cobertura-tuneles{background: url(img/cobertura-ampliada/tuneles.jpg) 50% 50% no-repeat;color: white;} .cobertura-edificios{background: url(img/cobertura-ampliada/edificios.jpg) 50% 50% no-repeat;color: white;} .cobertura-rural{background: url(img/cobertura-ampliada/rural.jpg) 50% 50% no-repeat;color: white;} .cobertura-rural-en{background: url(img/cobertura-ampliada/rural.jpg) 50% 50% no-repeat;color: white;} .cobertura-tunneling{background: url(img/cobertura-ampliada/tuneles.jpg) 50% 50% no-repeat;color: white;} .cobertura-buildings{background: url(img/cobertura-ampliada/edificios.jpg) 50% 50% no-repeat;color: white;} .main-token-wrapper{margin-top: 0em; margin-bottom: 2em;} .main-token-wrapper .columns, .main-token-wrapper .column{} .main-token{position: relative;overflow: hidden; border-radius: 5px;padding: 1em;padding-left:1.5em;display: block;text-decoration: none !important;color: white;min-height: 400px;padding-top: 2rem;} .main-token:focus, .main-token:hover{color: white;} .main-token:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45);z-index: 0;border-radius: 5px;} .main-token p {position: relative; z-index: 2;} .main-token h1, .main-token h5, .main-token h3{position: relative; z-index: 2;} .main-token .faux-link {color: white;z-index: 2;position: relative;margin-bottom: 5em;text-decoration: underline;} .main-token a{} #cobertura-ampliada .main-token-wrapper{margin-bottom: 0;} #cobertura-ampliada .main-token{height: 380px;padding: 2em; padding-left: 2.5em;padding-top: 2rem;} #cobertura-ampliada .main-token:after{border-left: 10px solid black;} #cobertura-ampliada .columns{transition: all 0.2s ease;padding: 0.5em;} #cobertura-ampliada .slick-slide.slick-center{padding-top: 0; padding-bottom: 1em;} /*#cobertura-ampliada .slick-arrow{background: black;}*/ #aplicaciones-mercado .main-token:after{border-left: 5px solid #FDDC0D;} #aplicaciones-mercado .main-token{min-height: 300px;} .slick-arrow{text-indent: -9999px; width: 2.5rem; height: 2.5rem;display: block !important; background: url(img/left-white.svg) 50% 50% no-repeat black !important; position: absolute; bottom: 2.5rem; border-radius: 5px;z-index: 1;border: 0 none;} .slick-arrow:hover, .slick-arrow:focus, .slick-arrow:active{background-color:#212121;} .slick-next{background: url(img/right-white.svg) 50% 50% no-repeat black !important;} .slick-prev{left: 2rem;} .slick-next{right: 2rem;} /* FOOTER */ #footer{font-size: 0.9em;} #footer .button, footer button, footer [type="button"]{background: black; color:white;} #copyright{margin-top: 10vh;} #footer p.lead{margin-top: 0;} /* MAP */ .acf-map { width: 100%; height: 50vh; margin: 20px 0;} .acf-map img { max-width: inherit !important; } /* fixes potential theme css conflict */ /* RELATED PRODUCTS */ .single-post #related-products{padding-top: 5vh;} /* LOGOS */ #category-imagen{position: relative;} .slick-logos .slick-slide img{ margin: 0 auto;} #slick-logos{border-top:2px solid #f3f3f3; padding-top: 5vh;margin-top: 5vh;} #slick-logos h5{max-width: 300px;margin-bottom: 0;} #logo-motorola{margin: 5vh auto 0;} .slick-logos#stripped img{margin:5vh 10vh 5vh 0;} #slick-logos .slick-list.draggable:before{content: ''; position: absolute; background: white; top: 0; right: -2px; height: 100%; width: 60px; z-index: 100000; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } /* PAGE */ .page #beneficios h3{margin-top: 2.5em;} .page #beneficios h4{text-align: left;margin-top: 1.5em; margin-bottom: 1em;} #page-body p{text-align: justify;} /* PAGE MERCADOS VERTICALES */ .slick-aplicaciones-portada { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000;} .slick-aplicaciones-portada .button{background: #212121;border:2px solid #212121; color: #f3f3f3;} .slick-aplicaciones-portada .slick-slide{padding-top: 35vh;height: 100vh;color:white;text-align: center;} .slick-aplicaciones-portada .slick-slide .columns{z-index: 150;position: relative;} .slick-aplicaciones-portada .slick-slide:before{content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100vh; z-index: 100;background: rgba(0,0,0,0.2);} .slick-aplicaciones-portada .slick-slide h1{margin-bottom: 0;} .slick-aplicaciones-portada .slick-slide .lead{font-weight:500;margin-top: 0;} .slick-aplicaciones-portada .slick-slide img{margin-bottom: 10vw;z-index: 100; position: relative;} .categoria-aplicacion a{display: block;padding: 10vw;color: white;background-size: 150% !important;text-decoration: none !important;position: relative;} .categoria-aplicacion a:before{content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);z-index: 1;} .categoria-aplicacion h3{text-decoration: none;z-index: 2;position: relative;} .category-aplicaciones #cuerpo h2{margin-bottom: 1em;} /*#mercados-verticales .button-bullets{position: fixed;bottom: 10vh;}*/ .button-bullets .button{margin-left: 5px !important; margin-right: 5px !important;margin-bottom: 0; } .button-bullets{position:fixed; bottom: 0; left:0; width: 100vw; background: #fafafa;padding: 1em;opacity: 0;} .button-bullets.displayed{opacity: 1;} .slick-current .button{background: #212121; color: #f3f3f3;border:2px solid black; outline: 0;} .presentacion{padding-top: 20vh;} .presentacion #start-slick{margin-top:20vh; width: 100%; margin-left: 0; margin-right: 0;} .presentacion .mercado-vertical-wrapper{height: 60vh;} .presentacion .mercado-vertical{padding-top: 0; padding-bottom: 0;} .mercado-vertical-wrapper{display: flex;align-content:center;} .mercado-vertical{align-self: center;padding-top:10vw;padding-bottom: 30vw;} /* MERCADO VERTICAL */ #hotels-imagen, #hoteleria-imagen{background: url(img/hoteleria-imagen.jpg) 50% 50% no-repeat; background-size: cover;} #security-imagen, #seguridad-imagen{background: url(img/seguridad-imagen.jpg) 50% 50% no-repeat; background-size: cover;} #mining-imagen, #mineria-imagen{background: url(img/mineria-imagen.jpg) 50% 50% no-repeat; background-size: cover;} #transporte-imagen{background: url(img/transporte-imagen.jpg) 50% 50% no-repeat; background-size: cover;} .mercado-imagen{height: 50vw;} #mercado-vertical-titulo{margin-top: 5vw; margin-bottom: 5vw;} #custom-community h4, #beneficios h4, .single-post #related-products h4{margin-top: 10vw; margin-bottom: 5vw;} #mercado-vertical-banner{height: 50vh;} /* CATEGORY */ #ctbuh{font-size: 1rem; display: inline-block; background: black; border-radius: 5px; color: white; padding: 0.8rem 1rem; line-height: 1.2rem;} #category-description p{text-align: justify;} #category-title{padding-top: 10vw;padding-bottom: 10vw;} .product p{margin-bottom: 0;line-height: 1.3em;} /* PRODUCTS */ /*#related-products{padding-top: 10vw;}*/ /*#related-products .product p{margin: 0 auto; max-width: 80%;color: black;} #related-products .product a{font-size: 0.9em;text-transform: capitalize;} #related-products .product a {font-size: 0.85em; line-height: 1.3em; display: block;} */ /*#related-products #browse-all-products{margin-top: 10vw;display: block;margin-bottom: 10vw;}*/ /* #related-products{margin-top: 10vw; padding-top:10vw;} .single #related-products{border-top: 2px solid #f3f3f3;} */ #product-checkboxes-wrapper .sticky.is-stuck{padding-top: 15vh;} #product-filters{background: white;padding: 2.5vh;} #product-filters .button{margin-top: 2.5vh;} #product-grid{margin-top: 5vw;} .product a{text-decoration: none !important;} .product a p{line-height: 1em;margin-top: 0.5rem;} #single-cuerpo .button-group{margin-top: 2em; margin-bottom: 2em;} .single-post p{text-align: justify;} .guarantee{font-size: 0.6em; color: dimgray;margin-top: 1.5em; } .column.product.banner .callout{background: #212121; color: white; border: 2px solid #212121;} .column.product.banner .callout a{color: white;} /* RELATED MERCADOS VERTICALES */ #related-mercados-verticales{padding-top: 10vw; border-top: 2px solid #f3f3f3; } /* RELATED MODULES */ #modulos {padding-top: 5vw; margin-top: 5vw; border-top: 2px solid #f3f3f3;} #modulos h5{margin-bottom: 2.5vw;} #modulos .column a{height: 25vh; color: white;padding: 2.5vh;display: block; width: 100%;text-decoration: none;} #modulos .column a:before{content:''; background-color: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #modulos .column a .row{position: relative; /*z-index: 100;*/} /* BUILDINGS PAGE */ #leyenda img{width: 100%;} .ilustraciones-buildings{margin-top: 5vw;} /* MENU 2019 */ .title-bar-right .contacto--menu{ display: none; margin: 0; margin-left: 1rem; } .menu-afuera{ display: none; width: auto; margin-right: 3.5rem; } .menu-afuera li{ display: none; } } /* Define mobile styles */ @media only screen and (min-width: 36.87em) { .title-bar-right .contacto--menu{ display: inline-block; } .contacto--fixed { display: none !important; } } @media only screen and (min-width: 39.37em) { .title-bar-left, .title-bar-right{ flex: auto; } .menu-afuera{ display: inline-block; } .menu-afuera .menu-item-1607, .menu-afuera .menu-item-1606{ display: inline-block; } } @media only screen and (max-width: 40em) { /* GENERALES */ h1{line-height: 1.1em;} h3{line-height: 1.3em;} a:not(.button){text-decoration: underline;} p.lead{font-size: 115%;} .callout{padding: 0.5rem;} /* HEADER */ #header{margin-top: 0;} #header-right{height: 50vh !important;} #topbar{padding-top: 10vw;} .title-bar{padding: 5vw;} #header-left{padding-top: 7vw;padding-top:7vw;} .title-bar .logo{max-width: 150px;} .contacto--fixed{ position: fixed; display: block; bottom: 1rem; left: 1rem; margin: 0; z-index: 10; } /* MENU */ .position-left{width: 100vw;-ms-transform: translateX(-100vw);transform: translateX(-100vw);} .position-right{width: 100vw;-ms-transform: translateX(100vw);transform: translateX(100vw);} #topbar.fixed{position: fixed; top: 0; left: 0; width: 100%; padding: 5vw;background: white;margin-left: 0;z-index: 10000;} .fixed .small-8{width: 50%;} #topbar.fixed + #intro{margin-top: 40vw;} /* FOOTER */ #direccion-usa{margin-top: 10vw;} #direccion-gua{margin-top: 5vw;} /* BUILDINGS PAGE */ #page-title{margin-top:8vw;margin-bottom: 8vw;} .ilustraciones-buildings h3{text-align: center; margin-top: 1em;} #leyenda{margin-bottom: 2em;} /* CATEGORY */ /*.small-up-2>.column:nth-of-type(1n) .callout, .small-up-2>.columns:nth-of-type(1n) .callout{margin-left: .5rem;} .small-up-2>.column:nth-of-type(2n+1) .callout, .small-up-2>.columns:nth-of-type(2n+1) .callout{margin-right: .5rem;margin-left: 0;}*/ #single-cuerpo .button-group a:first-child{margin-bottom: 1em;} /* PRODUCT FILTERS */ #offCanvasBottom{border-top: 2px solid black; -ms-transform: translateY(70vh); transform: translateY(70vh); height: 70vh;background: white;} #offCanvasBottom.is-open{-ms-transform: translateY(0); transform: translateY(0);} #offCanvasBottom span{font-weight: 500;font-size: 0.9em;} .main-token-wrapper{margin-top: 2rem;} /* CASOS DE ÉXITO */ #cotbuh .callout {height: 260px !important;} /* COBERTURA AMPLIADA */ #casos-exito-loop{ display: none;} h1 span {font-size: 0.6em;line-height: 1em;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /** Medium screens**/ @media only screen and (min-width: 40.063em) { /* GENERALES */ h1{font-size: 3rem;line-height: 1.2em;} h2{line-height: 1.1em;} p.lead{margin-top: 5vh; margin-bottom: 5vh;line-height: 1.6;} .whole-section{margin-top: 4em;padding-top: 4em;} /* HEADER */ .title-bar{padding: 5vh;} .title-bar .title-bar-left{max-width: 140px;} /*#header{margin-top: 10vh;} */ /* #header-jumbo{position: absolute; min-height: 100vh; min-width: 100vw; height: 100vh; width: auto; top: 0; left: 0;z-index: -1;}*/ /* NAVIGATION */ #offCanvas{width: 50vw;-ms-transform: translateX(-50vw); transform: translateX(-50vw);} #offCanvas.is-open{-ms-transform: translateX(0); transform: translateX(0);} #offCanvas .vertical.menu{text-align: center;} #offCanvas .menu.vertical a{color: white;font-size: 2.5vw;} .off-canvas{padding: 15vh 5vw;} /* OFF CANVAS RIGHT CONTACT FORM */ #offCanvasRight{width: 50vw;-ms-transform: translateX(50vw); transform: translateX(50vw);} #offCanvasRight.is-open{-ms-transform: translateX(0); transform: translateX(0);} /* MAP */ .acf-map { margin: 0; } #map-cobertura-wrapper{padding-top: 10vh;} #map-cobertura-wrapper h5{margin-bottom:2.5vw;} /*#map-cobertura-wrapper{margin-top: 5vh;margin-bottom: 5vh;}*/ #map-cobertura {height: 50vh;} /* HOMEPAGE */ .category-buildings #category-imagen:after, .category-edificios #category-imagen:after{content: ''; position: absolute; top: 0; right: 0; width: 200px; height: 140px; background: red;background: url('img/ctbuh-logo.svg') 50% 50% no-repeat; background-size: contain;} #header-left{padding: 5vw; padding-left: 0;} #pasos-a-seguir{margin: 4rem auto;} .slick-arrow{top: 50%; transform: translateY(-50%;)} .slick-prev{left: auto; right: 5rem; } #homepage-jumbo .slick-slide .row{min-height: 50vh;} /* CASOS DE ÉXITO */ #mercados-verticales-loop, #casos-exito-loop{margin-top: 5vh;margin-bottom: 5vh;} .post-technical-data { padding: 1.5rem; width: 120%; margin-left: -10%;} /* CATÁLOGO LOOP */ #catalogo-loop{margin-top: 5vh;margin-bottom: 5vh;} /* TRABAJE CON NOSOTROS */ #work-with-us{margin-top: 10vh;padding-top: 10vh;} /* FOOTER */ /* #footer #direcciones{margin-bottom: 10vh;}*/ #copyright{margin-top: 5vh;} /* PRODUCTS */ .single-post #related-products h4{margin-bottom: 5vh;} .single-post #related-products #browse-all-products{margin-top: 5vh;display: block;margin-bottom: 5vh;} .single-post #related-products{border-top: 2px solid #f3f3f3;} #single-cuerpo{margin-top: 10vh;} #products-grid .callout{margin-bottom: 0;} #products-grid .product{margin-bottom: 1.875rem;} /* PAGE */ .page #beneficios h3{margin-top: 1.5em; margin-bottom: 1.5em;} .page #beneficios h4{text-align: center;margin-top: 1.5em; margin-bottom: 1em;} /* PAGE MERCADOS VERTICALES */ .presentacion{padding-top: 10vh;} .presentacion #start-slick{width: auto; margin-left: auto; margin-right: auto;margin-top: 5vh;} .mercado-vertical-wrapper{display: flex;align-content:center;height: 50vh;} .mercado-vertical{align-self: center;padding-left: 5vw; padding-right: 5vw;padding-top:0;padding-bottom: 0;} .mercado-imagen{height: 60vh;} #cuerpo .slick-slide{display: flex;} #cuerpo .slick-slide > .row {align-self:center} #custom-community h4, #beneficios, .single-post #related-products h4{margin-top: 5vh; margin-bottom: 5vh;} /* CATEGORY */ #category-title, #page-title{padding-top: 10vh;padding-bottom: 5vh;} .product a{text-decoration: none; } .callout:hover{border:2px solid #212121;} .product .product-thumbnail{padding-bottom: 1.5vh;display: block;} } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 63em) { /* GENERALES */ p.lead{margin-top: 2.5vh; margin-bottom: 3.5vh;} /* HEADER */ #intro h1{font-size: 2rem; line-height: 1.2em;} /* FOOTER */ /* DIRECCIÓN */ #direcciones{margin-bottom: 5vh;} .ilustraciones-buildings .modular{margin-top: 2em;} /* PRODUCT FILTERS */ #offCanvasBottom{border-top: 2px solid black; -ms-transform: translateY(50vh); transform: translateY(50vh); height: 50vh;background: white;padding: 5vw !important;} #offCanvasBottom.is-open{-ms-transform: translateY(0); transform: translateY(0);} #offCanvasBottom span{font-weight: 500;font-size: 0.9em;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 44.06em) { .title-bar-left, .title-bar-right{ flex: 1 1 0px; } .menu-afuera .menu-item-2559, .menu-afuera .menu-item-2560{ display: inline-block; } } @media only screen and (min-width: 53.75em) { .menu-afuera .menu-item-10464, .menu-afuera .menu-item-10465{ display: inline-block; } } /** Large screens**/ @media only screen and (min-width: 63.063em) { .title-bar .title-bar-left{max-width: 200px;} /*.row{max-width: 70rem;}*/ /* NAVIGATION */ .position-bottom{padding: 0 !important;width: 100% !important;} /* HOMEPAGE */ #homepage-jumbo .slick-slide .row{padding-top: 6rem;} /* CATEGORY */ .single-post #related-products{padding-top: 10vh; } /* FOOTER */ #slick-logos h3{max-width: none;} /* LOGOS */ #slick-logos{border-top:2px solid #f3f3f3; padding-top: 10vh;margin-top: 10vh;} #cobertura-ampliada .main-token {height: 30rem;} #aplicaciones-mercado .main-token:after{border-left: 10px solid #FDDC0D;} /* PAGE MERCADOS VERTICALES */ .slick-aplicaciones-portada .slick-slide{max-width: 100% !important;} .slick-aplicaciones-portada .slick-slide img{margin-bottom: 2em;} .categoria-aplicacion a{background-size: cover !important;height: 50vh;padding: 0;} .categoria-aplicacion h3{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;} /* COBERTURA AMPLIADA */ .slick-cobertura-ampliada .columns div{padding: 3em;} .slick-cobertura-ampliada .columns div h1{margin-top: 2em;} } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 75em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /**XLarge screens**/ @media only screen and (min-width: 85.063em) { .row{max-width: 75rem;} .title-bar{padding-top: 6vh;padding-left: 0; padding-right: 0;} .main-token{padding-left: 2.5rem;} #homepage-jumbo .slick-slide .row{min-height: 30vh;} .grid .grid-item{height: 290px;padding: 5px;} .xlarge-1 { width: 8.3333333333%; } .xlarge-push-1 { position: relative; left: 8.3333333333%; } .xlarge-pull-1 { position: relative; left: -8.3333333333%; } .xlarge-offset-0 { margin-left: 0%; } .xlarge-2 { width: 16.6666666667%; } .xlarge-push-2 { position: relative; left: 16.6666666667%; } .xlarge-pull-2 { position: relative; left: -16.6666666667%; } .xlarge-offset-1 { margin-left: 8.3333333333%; } .xlarge-3 { width: 25%; } .xlarge-push-3 { position: relative; left: 25%; } .xlarge-pull-3 { position: relative; left: -25%; } .xlarge-offset-2 { margin-left: 16.6666666667%; } .xlarge-4 { width: 33.3333333333%; } .xlarge-push-4 { position: relative; left: 33.3333333333%; } .xlarge-pull-4 { position: relative; left: -33.3333333333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { width: 41.6666666667%; } .xlarge-push-5 { position: relative; left: 41.6666666667%; } .xlarge-pull-5 { position: relative; left: -41.6666666667%; } .xlarge-offset-4 { margin-left: 33.3333333333%; } .xlarge-6 { width: 50%; } .xlarge-push-6 { position: relative; left: 50%; } .xlarge-pull-6 { position: relative; left: -50%; } .xlarge-offset-5 { margin-left: 41.6666666667%; } .xlarge-7 { width: 58.3333333333%; } .xlarge-push-7 { position: relative; left: 58.3333333333%; } .xlarge-pull-7 { position: relative; left: -58.3333333333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { width: 66.6666666667%; } .xlarge-push-8 { position: relative; left: 66.6666666667%; } .xlarge-pull-8 { position: relative; left: -66.6666666667%; } .xlarge-offset-7 { margin-left: 58.3333333333%; } .xlarge-9 { width: 75%; } .xlarge-push-9 { position: relative; left: 75%; } .xlarge-pull-9 { position: relative; left: -75%; } .xlarge-offset-8 { margin-left: 66.6666666667%; } .xlarge-10 { width: 83.3333333333%; } .xlarge-push-10 { position: relative; left: 83.3333333333%; } .xlarge-pull-10 { position: relative; left: -83.3333333333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { width: 91.6666666667%; } .xlarge-push-11 { position: relative; left: 91.6666666667%; } .xlarge-pull-11 { position: relative; left: -91.6666666667%; } .xlarge-offset-10 { margin-left: 83.3333333333%; } .xlarge-12 { width: 100%; } .xlarge-offset-11 { margin-left: 91.6666666667%; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { width: 100%; float: left; } .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { float: left; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { width: 50%; float: left; } .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { float: left; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { width: 33.3333333333%; float: left; } .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { float: left; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { width: 25%; float: left; } .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { float: left; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { width: 20%; float: left; } .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { float: left; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { width: 16.6666666667%; float: left; } .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { float: left; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { width: 14.2857142857%; float: left; } .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { float: left; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { width: 12.5%; float: left; } .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { float: left; } .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .xlarge-collapse .row, .expanded.row .xlarge-collapse.row { margin-left: 0; margin-right: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-left: 0.6875rem; padding-right: 0.6875rem; } .xlarge-centered { float: none; margin-left: auto; margin-right: auto; } .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } .xxlarge-1 { width: 8.3333333333%; } .xxlarge-push-1 { position: relative; left: 8.3333333333%; } .xxlarge-pull-1 { position: relative; left: -8.3333333333%; } .xxlarge-offset-0 { margin-left: 0%; } .xxlarge-2 { width: 16.6666666667%; } .xxlarge-push-2 { position: relative; left: 16.6666666667%; } .xxlarge-pull-2 { position: relative; left: -16.6666666667%; } .xxlarge-offset-1 { margin-left: 8.3333333333%; } .xxlarge-3 { width: 25%; } .xxlarge-push-3 { position: relative; left: 25%; } .xxlarge-pull-3 { position: relative; left: -25%; } .xxlarge-offset-2 { margin-left: 16.6666666667%; } .xxlarge-4 { width: 33.3333333333%; } .xxlarge-push-4 { position: relative; left: 33.3333333333%; } .xxlarge-pull-4 { position: relative; left: -33.3333333333%; } .xxlarge-offset-3 { margin-left: 25%; } .xxlarge-5 { width: 41.6666666667%; } .xxlarge-push-5 { position: relative; left: 41.6666666667%; } .xxlarge-pull-5 { position: relative; left: -41.6666666667%; } .xxlarge-offset-4 { margin-left: 33.3333333333%; } .xxlarge-6 { width: 50%; } .xxlarge-push-6 { position: relative; left: 50%; } .xxlarge-pull-6 { position: relative; left: -50%; } .xxlarge-offset-5 { margin-left: 41.6666666667%; } .xxlarge-7 { width: 58.3333333333%; } .xxlarge-push-7 { position: relative; left: 58.3333333333%; } .xxlarge-pull-7 { position: relative; left: -58.3333333333%; } .xxlarge-offset-6 { margin-left: 50%; } .xxlarge-8 { width: 66.6666666667%; } .xxlarge-push-8 { position: relative; left: 66.6666666667%; } .xxlarge-pull-8 { position: relative; left: -66.6666666667%; } .xxlarge-offset-7 { margin-left: 58.3333333333%; } .xxlarge-9 { width: 75%; } .xxlarge-push-9 { position: relative; left: 75%; } .xxlarge-pull-9 { position: relative; left: -75%; } .xxlarge-offset-8 { margin-left: 66.6666666667%; } .xxlarge-10 { width: 83.3333333333%; } .xxlarge-push-10 { position: relative; left: 83.3333333333%; } .xxlarge-pull-10 { position: relative; left: -83.3333333333%; } .xxlarge-offset-9 { margin-left: 75%; } .xxlarge-11 { width: 91.6666666667%; } .xxlarge-push-11 { position: relative; left: 91.6666666667%; } .xxlarge-pull-11 { position: relative; left: -91.6666666667%; } .xxlarge-offset-10 { margin-left: 83.3333333333%; } .xxlarge-12 { width: 100%; } .xxlarge-offset-11 { margin-left: 91.6666666667%; } .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { width: 100%; float: left; } .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child { float: left; } .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { width: 50%; float: left; } .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child { float: left; } .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { width: 33.3333333333%; float: left; } .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child { float: left; } .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { width: 25%; float: left; } .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child { float: left; } .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { width: 20%; float: left; } .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child { float: left; } .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { width: 16.6666666667%; float: left; } .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child { float: left; } .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { width: 14.2857142857%; float: left; } .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child { float: left; } .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { width: 12.5%; float: left; } .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child { float: left; } .xxlarge-collapse > .column, .xxlarge-collapse > .columns { padding-left: 0; padding-right: 0; } .xxlarge-collapse .row, .expanded.row .xxlarge-collapse.row { margin-left: 0; margin-right: 0; } .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { padding-left: 0.875rem; padding-right: 0.875rem; } .xxlarge-centered { float: none; margin-left: auto; margin-right: auto; } .xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } /* 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 */