/* Theme Name: ManufakturSolutions Child Theme URI: https://manufaktursolutions.qodeinteractive.com Description: A child theme of ManufakturSolutions Author: Select Themes Author URI: https://qodeinteractive.com Version: 1.0 Text Domain: manufaktursolutions Template: manufaktursolutions */ /* Aplica la fuente Sora a todo el sitio */ body { font-family: 'Sora', sans-serif !important; } /* Asegúrate de que elementos específicos también hereden la fuente */ h1, h2, h3, h4, h5, h6, p, a, li, ul, ol, blockquote, input, textarea, button { font-family: 'Sora', sans-serif !important; } .qodef-blog .qodef-blog-item .qodef-e-media-image img { display: block; width: 100%; } /* Cambiar ancho completo de las entradas individuales de blog */ body.single.single-post div.qodef-content-grid{ width: 50% !important; } /* Tamaño de los títulos en la entradas de blog */ body.single.single-post div.qodef-e-content h1{ font-size: 2.6em; } /* Reducción tamaño de fuente en el titulo de sectores de inicio */ .qodef-h3, h3 { font-family: "Space Grotesk", sans-serif; font-weight: 700; text-transform: uppercase; color: #15141c; font-size: 40px!important; } /* Ocultar foto destacada en entrada de blog y margen entre título y header */ body.single.single-post div.qodef-e-content{ margin-top: 5%; } body.single.single-post div.qodef-e-media{ display: none !important; } .qodef-grid.qodef-gutter--small.qodef--no-bottom-space { margin-bottom: -20px; margin-top: 5%; } /* eliminar datos fecha y categoría en los portfolios */ .qodef-portfolio-single .qodef-variations--small .qodef-portfolio-info { display:none; } .qodef-e .qodef-info--date {display:none; } /* hacer que el contenido ocupe el 100% en los portfolios */ .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--9 { width: 100%; } .qodef-grid-item .qodef-col--9{ width: 100% !important; } .qodef-grid-item .qodef-col--3 .qodef-portfolio-info {display:none; } /* eliminar boton superior izquierda desplegable */ #qodef-page-header .qodef-widget-holder { display: none;} .h1 { hyphens: none; } /* cambiar color flechas */ .qodef-button.qodef-layout--textual .qodef-m-button-arrow-holder { display: inline-flex; margin-left: 9px; color: #5C99C5; } /* cambiar color flechas botones en zonas oscuras */ .botonclaro .qodef-button.qodef-layout--outlined .qodef-m-button-arrow-holder { padding: 21px 25px; border-left: 1px solid #adadb9; color: #5C99C5; } /* cuadrar espacios en sectores de portfolio */ /*.qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--9 { width: 100% !important; margin-left: 70px !important;; } */ .qodef-content-grid-1300 .qodef-content-grid{ width: 80% !important; } div.qodef-e.qodef-portfolio-content{ width: 100% !important; } /* eliminar en portfolio apartado categoria sectores */ .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--3 { width: 25%; display: none; } /* cambiar color flecha subir para arriba */ #qodef-back-to-top .qodef-back-to-top-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 20px; color: #5C99C5; background-color: #15141c; border: 1px solid #adadb9; overflow: hidden; transition: color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out; } /* cambiar color categoria noticias */ .qodef-blog.qodef-item-layout--metro.qodef-skin--light .qodef-blog-item .qodef-e-inner .qodef-e-info>a:not(.entry-date) { color: #5C99C5; text-decoration: none; background-image: linear-gradient(to top, transparent 0, transparent calc(1px), currentColor calc(1px), currentColor 100%); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 calc(1px + 1px); transition: background-size .25s ease-out; } /* cambiar tamaño de subtitulos en las tarjetas del home */ .qodef-info-section.qodef-layout--boxed-text .qodef-m-info-inner .qodef-m-subtitle { font-family: Lato,sans-serif; font-size: 17px; line-height: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: -.02em; display: inline-flex; vertical-align: middle; flex-wrap: wrap; color: #15141c; margin: 0; vertical-align: top; } /* las flechas de antes y despues en azul*/ .qodef-m-nav-content-bottom svg path { fill: rgb(38, 82, 143) !important; } /* eliminar barra superior de contacto*/ #qodef-top-area-inner { display: none; } /* tamaño noticias completo*/ .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--9 { width: 100% !important; } /* reducir espacio superior en las fichas del portfolio*/ #qodef-page-inner { padding: 0px 0px 0px !important; } /* eliminar navegación portfolio*/ #qodef-single-portfolio-navigation { position: relative; display: inline-block; width: 100%; vertical-align: top; margin: 60px 0 3px; padding-top: 40px; border-top: 1px solid #202020; display: none; } .qodef-portfolio-single .qodef-variations--big .qodef-portfolio-info { display: none; } .grecaptcha-badge { visibility: hidden !important; } .email-custom::placeholder { color: white !important; } .tel-custom::placeholder { color: white !important; } .name-custom::placeholder { color: white !important; } /* Estilo para el texto del botón con la clase 'boton-custom' */ .boton-custom, .boton-custom.qodef-button, .boton-custom.qodef-html--link { color: white !important; /* Cambia el color del texto a blanco */ } /* Si el botón tiene borde, cambia el color del borde a blanco */ .boton-custom.qodef-layout--outlined { border-color: white; /* Asegura que el borde también sea blanco */ } /* Estilo para el estado hover, cuando el usuario pasa el ratón sobre el botón */ .boton-custom:hover, .boton-custom.qodef-button:hover, .boton-custom.qodef-html--link:hover { color: white !important; /* Mantiene el texto blanco en el hover */ } /* reducir espacio en la ruta de migas de las páginas de sectores */ .qodef-page-title { height: 50px !important; background-color: #efefef; } /* quitar categoría sectores en la página de sectores */ .qodef-portfolio-list .qodef-e-info a { display: none !important; } /* redondear las esquinas de las galerías */ .metaslider .slides img { width: 100%; display: block; border-radius: 25px; } /* redondear portfolios */ .qodef-portfolio-list .qodef-e-media-image a, .qodef-portfolio-list .qodef-e-media-image img { display: block; width: 100%; border-radius: 25px; } .qodef-portfolio-list .qodef-e-media-image { position: relative; overflow: hidden; display: inline-block; vertical-align: top; max-width: 100%; border-radius: 25px; } /* redondear botones */ .qodef-button.qodef-layout--outlined { border-radius: 20px !important; } /* redondear boton subir hacia arriba */ #qodef-back-to-top .qodef-back-to-top-icon { border-radius: 20px !important; } /* marquesinas con la fuente Sora .qodef-text-marquee .qodef-m-text-1{ color: var(--qode-main-color); font-family: 'Sora' !important; } .qodef-text-marquee .qodef-m-text-2{ color: var(--qode-main-color); font-family: 'Sora' !important; } .qodef-text-marquee .qodef-m-text-3{ color: var(--qode-main-color); font-family: 'Sora' !important; }*/ .qodef-counter.qodef-layout--simple .qodef-m-digit { font-family: 'Sora', sans-serif !important;} /* digitos con la fuente Sora */ .qodef-counter.qodef-layout--simple .qodef-m-digit { font-family: 'Sora'; font-weight: 700; font-size: 110px; line-height: 1; letter-spacing: -.02em; } select[name="puesto-de-trabajo"] { color: white !important; } /* div.cv span input[type=text], input[type=tel], input[type=email] { color: #ffffff !important; border-bottom-color: #ffffff !important; } div.cv div.qodef-grid-item button { color: #ffffff !important; } div.cv div.qodef-grid-item button.qodef-contact-form-7.wpcf7-submit.qodef-layout--outlined:hover { color: #ffffff !important; } */ /* @media (min-width: 320px) and (max-width: 480px) { } .qodef-grid.qodef-layout--template>.qodef-grid-inner>.qodef-grid-item.qodef-col--9 { width: 100% !important; /*margin-left: 0px !important; } }*/ /*MEDIA QUERIES*/ /*Moviles*/ @media (320px <= width < 480px) { /* reducir espacio en la ruta de migas de las páginas de sectores */ .qodef-page-title { height: 80px !important; background-color: #f9f9f9; } /* Cambiar ancho completo de las entradas individuales de blog */ body.single.single-post div.qodef-content-grid{ width: 80% !important; } /* Tamaño de los títulos y subtítulos en las entradas de blog */ body.single.single-post div.qodef-e-content h1{ font-size: 1.7em; } body.single.single-post h4{ font-size: 1.3em; } } /*Tablets*/ /* Horizontal */ @media (width <= 1024px) { /* Cambiar ancho completo de las entradas individuales de blog */ body.single.single-post div.qodef-content-grid{ width: 80% !important; } } /*======================================================= PRUEBAS ==================================*/ /*body.postid-10680 article.post-10680 div div.qodef-e-media{ display: none !important; } body.postid-10680 article.post-10680 div.qodef-e-content{ margin-top: 5%; } body.postid-10680 article.post-10680 div.qodef-e-content h1{ font-size: 2.6em; }*/