/* CSS personalizado para 06 COMUNICACIÓN */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 0077C8 rgb( 0,119,200) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 4C8EC9 rgb( 76,142,201) */ /* Azul Claro: A5C6E4 rgb(165,198,228) */ /* Azul Muy Claro: D2E2F1 rgb(210,226,241) */ /* Azul Dark: 005996 rgb( 0, 89,150) */ /* Azul Turquesa: 04D9A0 rgb( 4,217,160) */ /************************************ MODIFICADOS DE syle-home ***********************************/ /***************************************** #rowComunicacion *****************************************/ #rowComunicacion * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowComunicacion .divComunicacion { position: relative; padding: 30px var(--caja-padding); } #rowComunicacion .divComunicacion:after { content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: var(--divNewsletter-height); background: var(--color5-hex); } #rowComunicacion .divItems { margin: auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: space-between; } #rowComunicacion .divItem { padding: 40px 0px; } #rowComunicacion .divTitulo { margin-top: -25px; padding-left: 30px; height: 90px; white-space: nowrap; } #rowComunicacion .divTexto { margin: 20px 0px; padding-left: 30px; width: 300px; } #rowComunicacion .divBoton { padding-left: 30px; } @media (max-width: 1080px) { #rowComunicacion .divItems { justify-content: center; } #rowComunicacion .divTitulo { height: 85px; } #rowComunicacion .divItem:nth-of-type(1) { padding-right: 40px; } #rowComunicacion .divItem:nth-of-type(2) { padding-left: 40px; } #rowComunicacion .divItem:nth-of-type(3) .divTitulo { height: auto; } #rowComunicacion .divItem:nth-of-type(3) .divTexto { width: auto; } #rowComunicacion .divItem:nth-of-type(3) .divTitulo br5080:before { content: " "; } } @media (max-width: 980px) { #rowComunicacion .divItem { padding: 30px 0px; } #rowComunicacion .divIconSector { width: 140px !important; height: 140px !important; } #rowComunicacion .divTitulo { margin-top: -20px; padding-left: 20px; height: 70px; } #rowComunicacion .divTexto { margin: 15px 0px; padding-left: 20px; width: 250px; } #rowComunicacion .divBoton { padding-left: 20px; } #rowComunicacion .divItem:nth-of-type(1) { padding-right: 30px; } #rowComunicacion .divItem:nth-of-type(2) { padding-left: 30px; } #rowComunicacion .divItem:nth-of-type(3) .divTitulo { height: auto; } #rowComunicacion .divItem:nth-of-type(3) .divTexto { width: auto; } } @media (max-width: 780px) { #rowComunicacion .divComunicacion { padding: var(--caja-padding); } #rowComunicacion .divItem { padding: 20px !important; } #rowComunicacion .divIconSector { width: 120px !important; height: 120px !important; } #rowComunicacion .divTitulo { padding-left: 15px; height: 65px; } #rowComunicacion .divTexto { margin: 5px 0px 10px 0px; padding-left: 15px; width: 225px; } #rowComunicacion .divBoton { padding-left: 15px; } #rowComunicacion .divItem:nth-of-type(1) { margin-bottom: 20px; padding: 20px 20px 20px 0px !important; } #rowComunicacion .divItem:nth-of-type(2) { margin-bottom: 20px; padding: 20px 0px 20px 20px !important; } #rowComunicacion .divItem:nth-of-type(3) .divTitulo { height: auto; } #rowComunicacion .divItem:nth-of-type(3) .divTexto { width: auto; } } @media (max-width: 580px) { #rowComunicacion .divItems { justify-content: initial; } #rowComunicacion .divItem { padding: 20px 0px !important; } #rowComunicacion .divItem:last-of-type { padding-bottom: 0px; } #rowComunicacion .divIconSector { width: 110px !important; height: 110px !important; } #rowComunicacion .divTitulo { margin-top: -115px; padding-left: 130px; height: auto; } #rowComunicacion .divTitulo br5080:before { content: " "; } #rowComunicacion .divTexto { padding-left: 130px; width: auto; } #rowComunicacion .divBoton { padding-left: 130px; } #rowComunicacion .divBoton a { padding: 8px 20px; font-size: 13px; } #rowComunicacion .divItem:nth-of-type(1) { padding: 20px 0px !important; } #rowComunicacion .divItem:nth-of-type(2) { padding: 20px 0px !important; } } @media (max-width: 380px) { #rowComunicacion .divIconSector { width: 90px !important; height: 90px !important; } #rowComunicacion .divTitulo { margin-top: -90px; padding-left: 105px; } #rowComunicacion .divTexto { padding-left: 105px; } #rowComunicacion .divBoton { padding-left: 105px; } #rowComunicacion .divBoton a { padding: 6px 20px; } } /***************************************** #rowActualidad ****************************************/ #rowActualidad * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowActualidad .so-panel:before { display: none; } #rowActualidad .widget_siteorigin-panels-postloop { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: space-between; } /* .type-post =
*/ #rowActualidad .type-post { margin-bottom: 20px; padding-bottom: 20px; width: calc((100% - 60px) / 4); border: solid 1px var(--color3-hex); } #rowActualidad .type-post .entry-header { position: relative; margin-bottom: 10px; height: 340px; } #rowActualidad .type-post .entry-thumbnail { margin: 0px; height: 200px; overflow: hidden; line-height: 0px; } #rowActualidad .type-post .entry-thumbnail a { width: 100%; height: 100%; display: flex; } #rowActualidad .type-post .entry-thumbnail img { width: auto; height: auto; max-width: none; max-height: none; } #rowActualidad .type-post .entry-title { position: absolute; bottom: 40px; padding: 0px 20px; font-size: 20px !important; } #rowActualidad .type-post .entry-title { height: calc((20px * 1.2 * 3) - 0px); -webkit-line-clamp: 3; line-height: 120%; } #rowActualidad .type-post .entry-title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #rowActualidad .type-post .entry-title a { color: var(--color-dark-hex); line-height: 120% !important; } #rowActualidad .type-post .entry-title a:hover { color: var(--color3-hex); } #rowActualidad .type-post .entry-meta { position: absolute; bottom: 0px; width: 100%; padding-left: 20px; font-size: 0px; } #rowActualidad .type-post .entry-meta:before { content: "\f073"; margin-right: 10px; font-family: "FontAwesome"; font-size: 16px; } #rowActualidad .type-post .entry-meta a { font-size: 16px; font-weight: 300; color: var(--color3-hex); } #rowActualidad .type-post .entry-content p { padding: 0px 20px; font-size: 14px !important; } #rowActualidad .type-post .entry-content p { height: calc((14px * 1.5 * 5) - 0px); -webkit-line-clamp: 5; line-height: 150%; } #rowActualidad .type-post .entry-content p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #rowActualidad .type-post .entry-content .more-link { float: none; margin: 20px 0px 0px 20px; display: inline-block; } #rowActualidad .type-post .entry-content .more-link { padding: 10px 20px; font-size: 16px; font-weight: 600; border: none; border-radius: 20px; } #rowActualidad .type-post .entry-content .more-link:hover { transform: scale(1.1); background: var(--color1-hex); text-decoration: none; opacity: 1; } #rowActualidad .paging-navigation { margin-top: 20px; width: 100%; } #rowActualidad .paging-navigation .pagination { margin: auto; display: table; } #rowActualidad .paging-navigation .page-numbers { margin: 5px; padding: 8px 12px 6px 12px; font-size: 16px; font-weight: 400; color: #FFFFFF; } #rowActualidad .paging-navigation .page-numbers { border: none; background: var(--color1-hex); box-shadow: none; } #rowActualidad .paging-navigation .page-numbers:hover { transform: scale(1.1); background: var(--color1-hex); text-decoration: none; opacity: 1; } #rowActualidad .paging-navigation .page-numbers.current { font-weight: 500; color: var(--color1-hex); background: var(--color4-hex); cursor: default; } @media (max-width: 980px) { #rowActualidad .type-post { width: calc((100% - 40px) / 3); } #rowActualidad .type-post .entry-header { height: 300px; } #rowActualidad .type-post .entry-thumbnail { height: 180px; } #rowActualidad .type-post .entry-title { bottom: 35px; font-size: 18px !important; } #rowActualidad .type-post .entry-title { height: calc((18px * 1.2 * 3) - 0px); } #rowActualidad .type-post .entry-meta:before { font-size: 14px; } #rowActualidad .type-post .entry-meta a { font-size: 14px; } #rowActualidad .type-post .entry-content .more-link { padding: 8px 15px; font-size: 14px; border-radius: 15px; } #rowActualidad .paging-navigation .page-numbers { padding: 6px 10px 5px 10px; font-size: 14px; } } @media (max-width: 780px) { #rowActualidad .type-post { width: calc((100% - 20px) / 2); } #rowActualidad .type-post .entry-thumbnail a { display: block; } #rowActualidad .type-post .entry-thumbnail img { min-width: 100%; min-height: 100%; } #rowActualidad .paging-navigation .pagination { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } } @media (max-width: 640px) { #rowActualidad .paging-navigation .prev.page-numbers { width: 100%; text-align: center; } #rowActualidad .paging-navigation .next.page-numbers { width: 100%; text-align: center; } } @media (max-width: 580px) { #rowActualidad .type-post { width: 100%; } #rowActualidad .type-post .entry-header { height: 260px; } #rowActualidad .type-post .entry-title { bottom: 25px; font-size: 18px !important; } #rowActualidad .type-post .entry-title { height: calc((18px * 1.2 * 2) - 0px); -webkit-line-clamp: 2; } #rowActualidad .type-post .entry-meta:before { font-size: 13px; } #rowActualidad .type-post .entry-meta a { font-size: 13px; } #rowActualidad .type-post .entry-content .more-link { margin: 15px 0px 0px 20px; font-size: 13px; border-radius: 15px; } #rowActualidad .paging-navigation .page-numbers { padding: 6px 10px 5px 10px; font-size: 13px; } } /******************************** #rowCabeceraPage.sostenibilidad ********************************/ #rowCabeceraPage.sostenibilidad .divCabeceraPage { position: relative; } #rowCabeceraPage.sostenibilidad .divFondo { height: 600px; } #rowCabeceraPage.sostenibilidad .divPageHead:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } #rowCabeceraPage.sostenibilidad .divBreadcrumbTitle { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; } #rowCabeceraPage.sostenibilidad .divBreadcrumbTitle { display: flex; flex-direction: column; align-items: center; justify-content: center; } #rowCabeceraPage.sostenibilidad .mwp_breadcrumb { margin: 0px; } #rowCabeceraPage.sostenibilidad .divBreadCrumb img { filter: drop-shadow(1px 0px 0px white) drop-shadow(0px 1px 0px white) drop-shadow(-1px 0px 0px white) drop-shadow(0px -1px 0px white); } #rowCabeceraPage.sostenibilidad .divBreadCrumb span { color: #FFFFFF; } #rowCabeceraPage.sostenibilidad .mwp_page_title { margin: 50px 0px; padding: 0px; } #rowCabeceraPage.sostenibilidad .divPageTitle h1 { color: #FFFFFF; line-height: 120%; } #rowCabeceraPage.sostenibilidad .divTexto p { max-width: 600px; font-size: 18px; color: #FFFFFF; } @media (max-width: 1080px) { #rowCabeceraPage.sostenibilidad .divFondo { height: 560px; } #rowCabeceraPage.sostenibilidad .mwp_page_title { margin: 40px 0px; } } @media (max-width: 980px) { #rowCabeceraPage.sostenibilidad .divFondo { height: 500px; } #rowCabeceraPage.sostenibilidad .mwp_page_title { margin: 30px 0px; } #rowCabeceraPage.sostenibilidad .divTexto p { max-width: 520px; font-size: 16px; } } @media (max-width: 780px) { #rowCabeceraPage.sostenibilidad .divFondo { height: 460px; } #rowCabeceraPage.sostenibilidad .mwp_page_title { margin: 25px 0px; } } @media (max-width: 580px) { #rowCabeceraPage.sostenibilidad .divFondo { height: 400px; } #rowCabeceraPage.sostenibilidad .mwp_page_title { margin: 20px 0px; } #rowCabeceraPage.sostenibilidad .divTexto p { max-width: 450px; font-size: 14px; } } @media (max-width: 480px) { #rowCabeceraPage.sostenibilidad .divFondo { height: 360px; } #rowCabeceraPage.sostenibilidad .divTexto p { max-width: 300px; font-size: 13px; } } @media (max-width: 380px) { #rowCabeceraPage.sostenibilidad .divFondo { height: 320px; } #rowCabeceraPage.sostenibilidad .mwp_page_title { margin: 15px 0px; } #rowCabeceraPage.sostenibilidad .divTexto p { max-width: 250px; font-size: 13px; } } /************************************ #rowSostenibilidad-1 ***********************************/ #rowSostenibilidad-1 { margin: auto; } #rowSostenibilidad-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSostenibilidad-1 .divSostenibilidad-1 { display: flex; } #rowSostenibilidad-1 .divIzda { padding: 80px; width: 50%; display: flex; flex-direction: column; } #rowSostenibilidad-1 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowSostenibilidad-1 .divIzda p { margin-top: 20px; } #rowSostenibilidad-1 .divDcha { width: 50%; background-image: url("/wp-content/themes/fha_v4/images/fotos/hoja.jpg"); } #rowSostenibilidad-1 .divDcha { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 1280px) { #rowSostenibilidad-1 .divIzda { padding: 60px; width: 60%; } #rowSostenibilidad-1 .divDcha { width: 40%; } } @media (max-width: 1180px) { #rowSostenibilidad-1 .divIzda { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowSostenibilidad-1 .divIzda { width: 65%; } #rowSostenibilidad-1 .divIzda p { margin-top: 10px; } #rowSostenibilidad-1 .divDcha { width: 35%; } } @media (max-width: 780px) { #rowSostenibilidad-1 .divIzda p { margin-top: 0px; } } @media (max-width: 580px) { #rowSostenibilidad-1 .divSostenibilidad-1 { flex-direction: column-reverse; } #rowSostenibilidad-1 .divIzda { width: 100%; } #rowSostenibilidad-1 .divDcha { width: 100%; height: 200px; } } @media (max-width: 380px) { #rowSostenibilidad-1 .divDcha { height: 160px; } } /************************************** #rowSostenibilidad-2 *************************************/ #rowSostenibilidad-2 { margin: auto; max-width: 1180px; } #rowSostenibilidad-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSostenibilidad-2 .divSostenibilidad-2 { padding: 0px var(--caja-padding); } #rowSostenibilidad-2 .divMwpHeading { margin: 0px auto 30px auto; max-width: 740px; text-align: center; } #rowSostenibilidad-2 .divMwpHeading h2 { line-height: 120%; } #rowSostenibilidad-2 .divMwpHeading p { font-size: 18px; } #rowSostenibilidad-2 .divMetas { display: flex; flex-wrap: wrap; justify-content: space-between; } #rowSostenibilidad-2 .divMeta { margin-top: 30px; width: calc((100% - 90px) / 4); background-repeat: no-repeat; background-size: contain; } #rowSostenibilidad-2 .divMeta:before { content: ""; padding-top: 100%; display: block; } @media (max-width: 980px) { #rowSostenibilidad-2 .divMwpHeading { margin: 0px auto 20px auto; } #rowSostenibilidad-2 .divMeta { margin-top: 20px; width: calc((100% - 60px) / 4); } } @media (max-width: 780px) { #rowSostenibilidad-2 .divMwpHeading { max-width: 420px; } #rowSostenibilidad-2 .divMwpHeading p { font-size: 16px; } #rowSostenibilidad-2 .divMetas { justify-content: center; } #rowSostenibilidad-2 .divMeta { margin: 10px; width: calc((100% - 60px) / 3); } } @media (max-width: 580px) { #rowSostenibilidad-2 .divMwpHeading { max-width: 380px; } #rowSostenibilidad-2 .divMwpHeading p { font-size: 14px; } #rowSostenibilidad-2 .divMeta { margin: 8px; width: 160px; } } @media (max-width: 480px) { #rowSostenibilidad-2 .divMwpHeading { max-width: 260px; } #rowSostenibilidad-2 .divMwpHeading p { font-size: 13px; } #rowSostenibilidad-2 .divMeta { margin: 6px; width: 140px; } } /************************************ #rowSostenibilidad-3 ***********************************/ #rowSostenibilidad-3 { margin: auto; } #rowSostenibilidad-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSostenibilidad-3 .divSostenibilidad-3 { display: flex; } #rowSostenibilidad-3 .divIzda { width: 50%; background-image: url("/wp-content/themes/fha_v4/images/fotos/corazon.jpg"); } #rowSostenibilidad-3 .divIzda { background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowSostenibilidad-3 .divDcha { padding: 80px; width: 50%; display: flex; flex-direction: column; } #rowSostenibilidad-3 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowSostenibilidad-3 .divDcha p { margin-top: 20px; } @media (max-width: 1280px) { #rowSostenibilidad-3 .divIzda { width: 45%; } #rowSostenibilidad-3 .divDcha { padding: 60px; width: 55%; } } @media (max-width: 1180px) { #rowSostenibilidad-3 .divDcha { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowSostenibilidad-3 .divDcha p { margin-top: 10px; } } @media (max-width: 780px) { #rowSostenibilidad-3 .divDcha p { margin-top: 0px; } } @media (max-width: 580px) { #rowSostenibilidad-3 .divSostenibilidad-3 { flex-direction: column; } #rowSostenibilidad-3 .divIzda { width: 100%; height: 360px; } #rowSostenibilidad-3 .divDcha { width: 100%; } } @media (max-width: 480px) { #rowSostenibilidad-3 .divIzda { height: 260px; } } @media (max-width: 380px) { #rowSostenibilidad-3 .divIzda { height: 200px; } } /************************************** #rowSostenibilidad-4 *************************************/ #rowSostenibilidad-4 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowSostenibilidad-4 .divHeading { text-align: center; } #rowSostenibilidad-4 .so-panel:before { display: none; } #rowSostenibilidad-4 .widget_siteorigin-panels-postloop { padding: 0px var(--caja-padding); display: flex; flex-wrap: wrap; justify-content: center; } /* .type-post =
*/ #rowSostenibilidad-4 .type-post { margin: 5px; padding-bottom: 20px; width: calc((100% - 60px) / 6); border: solid 1px var(--color3-hex); } #rowSostenibilidad-4 .type-post .entry-header { position: relative; margin-bottom: 10px; height: 240px; } #rowSostenibilidad-4 .type-post .entry-thumbnail { margin: 0px; height: 140px; overflow: hidden; line-height: 0px; } #rowSostenibilidad-4 .type-post .entry-thumbnail a { width: 100%; height: 100%; display: flex; } #rowSostenibilidad-4 .type-post .entry-thumbnail img { width: auto; height: auto; max-width: none; max-height: none; } #rowSostenibilidad-4 .type-post .entry-title { position: absolute; bottom: 30px; padding: 0px 10px; font-size: 16px !important; } #rowSostenibilidad-4 .type-post .entry-title { height: calc((16px * 1.2 * 3) - 0px); -webkit-line-clamp: 3; line-height: 120%; } #rowSostenibilidad-4 .type-post .entry-title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #rowSostenibilidad-4 .type-post .entry-title a { color: var(--color-dark-hex); line-height: 120% !important; } #rowSostenibilidad-4 .type-post .entry-title a:hover { color: var(--color3-hex); } #rowSostenibilidad-4 .type-post .entry-meta { position: absolute; bottom: 0px; width: 100%; padding-left: 10px; font-size: 0px; } #rowSostenibilidad-4 .type-post .entry-meta:before { content: "\f073"; margin-right: 10px; font-family: "FontAwesome"; font-size: 14px; } #rowSostenibilidad-4 .type-post .entry-meta a { font-size: 14px; font-weight: 300; color: var(--color3-hex); } #rowSostenibilidad-4 .type-post .entry-content p { padding: 0px 10px; font-size: 13px !important; } #rowSostenibilidad-4 .type-post .entry-content p { height: calc((13px * 1.4 * 4) - 0px); -webkit-line-clamp: 4; line-height: 140%; } #rowSostenibilidad-4 .type-post .entry-content p { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #rowSostenibilidad-4 .type-post .entry-content .more-link { float: none; margin: 10px 0px 0px 10px; display: inline-block; } #rowSostenibilidad-4 .type-post .entry-content .more-link { padding: 8px 15px; font-size: 14px; font-weight: 600; border: none; border-radius: 15px; } #rowSostenibilidad-4 .type-post .entry-content .more-link:hover { transform: scale(1.1); background: var(--color1-hex); text-decoration: none; opacity: 1; } #rowSostenibilidad-4 .paging-navigation { margin-top: 20px; width: 100%; } #rowSostenibilidad-4 .paging-navigation .pagination { margin: auto; display: table; } #rowSostenibilidad-4 .paging-navigation .page-numbers { margin: 5px; padding: 6px 10px 4px 10px; font-size: 14px; font-weight: 400; color: #FFFFFF; } #rowSostenibilidad-4 .paging-navigation .page-numbers { border: none; background: var(--color1-hex); box-shadow: none; } #rowSostenibilidad-4 .paging-navigation .page-numbers:hover { transform: scale(1.1); background: var(--color1-hex); text-decoration: none; opacity: 1; } #rowSostenibilidad-4 .paging-navigation .page-numbers.current { font-weight: 500; color: var(--color1-hex); background: var(--color4-hex); cursor: default; } /* Para EN, cambiamos "Continue reading" por "Read more" */ #rowSostenibilidad-4 .type-post .entry-content .more-link[href*="/en/"] { padding: 0px; width: 90px; height: 36px; font-size: 0px; } #rowSostenibilidad-4 .type-post .entry-content .more-link[href*="/en/"] { display: flex; align-items: center; justify-content: center; } #rowSostenibilidad-4 .type-post .entry-content .more-link[href*="/en/"]:before { content: "Read more"; font-size: 14px; } @media (max-width: 980px) { #rowSostenibilidad-4 .type-post { padding-bottom: 10px; width: calc((100% - 60px) / 3); } #rowSostenibilidad-4 .type-post .entry-header { height: 260px; } #rowSostenibilidad-4 .type-post .entry-thumbnail { height: 180px; } #rowSostenibilidad-4 .type-post .entry-title { bottom: 30px; height: calc((16px * 1.2 * 2) - 0px); -webkit-line-clamp: 2; } #rowSostenibilidad-4 .type-post .entry-content p { height: calc((13px * 1.4 * 3) - 0px); -webkit-line-clamp: 3; } #rowSostenibilidad-4 .type-post .entry-content .more-link { padding: 6px 12px; font-size: 13px; border-radius: 12px; } #rowSostenibilidad-4 .type-post .entry-content .more-link[href*="/en/"] { width: 80px; height: 32px; font-size: 0px; } #rowSostenibilidad-4 .type-post .entry-content .more-link[href*="/en/"]:before { font-size: 13px; } } @media (max-width: 780px) { #rowSostenibilidad-4 .type-post { width: calc((100% - 40px) / 2); } #rowSostenibilidad-4 .type-post .entry-thumbnail a { display: block; } #rowSostenibilidad-4 .type-post .entry-thumbnail img { min-width: 100%; min-height: 100%; } #rowSostenibilidad-4 .paging-navigation .pagination { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } } @media (max-width: 580px) { #rowSostenibilidad-4 .type-post { margin: 0px 0px 20px 0px; padding-bottom: 20px; width: 100%; border-width: 0px 0px 1px 0px; } #rowSostenibilidad-4 .type-post .entry-header { height: auto; } #rowSostenibilidad-4 .type-post .entry-thumbnail { float: left; width: 140px; height: 140px; } #rowSostenibilidad-4 .type-post .entry-thumbnail a { display: flex; } #rowSostenibilidad-4 .type-post .entry-thumbnail img { min-width: initial; min-height: initial; } #rowSostenibilidad-4 .type-post .entry-title { position: relative; bottom: auto; padding: 25px 0px 0px 15px; height: auto; display: block; } #rowSostenibilidad-4 .type-post .entry-meta { top: 0px; bottom: auto; left: 155px; padding: 0px; } #rowSostenibilidad-4 .type-post .entry-meta:before { font-size: 13px; } #rowSostenibilidad-4 .type-post .entry-meta a { font-size: 13px; } #rowSostenibilidad-4 .type-post .entry-content p { padding: 0px; } #rowSostenibilidad-4 .type-post .entry-content .more-link { margin: 10px 0px 0px 0px; } } @media (max-width: 480px) { #rowSostenibilidad-4 .type-post .entry-thumbnail { width: 100px; height: 100px; } #rowSostenibilidad-4 .type-post .entry-meta { left: 115px; } } /***************************************** #rowDocumentos ****************************************/ #rowDocumentos { margin: auto; max-width: 1180px; } #rowDocumentos * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowDocumentos .divDocumentos { padding: 0px var(--caja-padding); } #rowDocumentos .divItems { margin-top: 40px; display: flex; flex-wrap: wrap; } #rowDocumentos .divItemsFHA { margin-bottom: 60px; } #rowDocumentos .divItem { padding: 20px; width: calc(100% / 3); } #rowDocumentos .divImagen { margin-left: 47px; width: 200px; height: 200px; border: solid 1px var(--color4-hex); text-align: center; line-height: 0px; overflow: hidden; } #rowDocumentos .divImagen img { width: 100%; } #rowDocumentos .divMwpDownload { margin-top: 20px; } #rowDocumentos .divMwpDownload span { line-height: 120%; } @media (max-width: 980px) { #rowDocumentos .divItem { width: 340px; } #rowDocumentos .divImagen { margin-left: 40px; } } @media (max-width: 780px) { #rowDocumentos .divItem { width: 300px; } #rowDocumentos .divImagen { margin-left: 35px; width: 160px; height: 160px; } } @media (max-width: 680px) { #rowDocumentos .divItem { padding: 20px 0px; width: 50%; } #rowDocumentos .divImagen { margin-left: 35px; width: 120px; height: 120px; } } @media (max-width: 580px) { #rowDocumentos .divItem { margin: auto; width: 255px; } } @media (max-width: 680px) { #rowDocumentos .divMwpDownload { margin-top: 10px; } } /*****************************************************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************************************************/ /************************************************************************************** OLD V3 - OLD V3 - OLD V3 *************************************************************************************/ /*****************************************************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************************************************/