/* Theme Name: Madridsur Theme URI: https://wordpress.org/themes/madridsur/ Author: Aitor Author URI: https://wordpress.org/ Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.9 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: retrospect 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. */ /* Comunes */ article .textoEditor {} article .textoEditor h1 { font-size: 2.5rem; margin-bottom: 15px; } article .textoEditor h2 { font-size: 2rem; margin-bottom: 15px; } article .textoEditor h3 { font-size: 1.8rem; margin-bottom: 10px; } article .textoEditor h4 { font-size: 1.6rem; margin-bottom: 10px; } article .textoEditor h5 { font-size: 1.4rem; margin-bottom: 8px; } article .textoEditor h6 { font-size: 1.3rem; margin-bottom: 8px; } article .textoEditor ol, article .textoEditor ul { margin-left: 35px;} article .textoEditor li { margin-bottom: 8px;} @media screen and (max-width:800px) { article .textoEditor h1 { font-size: 2rem; } article .textoEditor h2 { font-size: 1.5rem; } article .textoEditor h3 { font-size: 1.3rem; } article .textoEditor h4 { font-size: 1.2rem; } article .textoEditor h5 { font-size: 1.1rem; } article .textoEditor h6 { font-size: 1rem; } } /* BLOG LISTADO */ .main .bandaGrisCabecera { width: 100%; margin-top: -35px;} .main .bandaGrisCabecera a { float: left; width: auto;} .main .bandaGrisCabecera span { float: right; position: relative; top: 50%; transform: translateY(-50%); } #contenedorListado { } #contenedorListado section { margin: 100px 0 80px 0; display: flex; flex-wrap: wrap; justify-content: start /*space-around*/ /*space-between*/; align-content: space-between; } #contenedorListado article { position: relative; width: 32%; background-color: #f1eeeb; padding: 3rem; margin-bottom: 6rem; margin-left: 1.5%; } #contenedorListado article:nth-child(3n + 1) { margin-left: 0; } #contenedorListado article .contenido { position: relative; top: -5rem; } #contenedorListado article .contenido.sinImagen { top:0; } #contenedorListado article .post-thumbnail { margin-bottom: 15px;} #contenedorListado article .post-thumbnail a { display: block; } #contenedorListado article header > h2 { font-size: 20px; line-height: 1.2; margin-bottom: 15px; } #contenedorListado article header > h2 a { text-decoration: none; color: #363534; } #contenedorListado article header > h2 a:hover { color: #F7403A; } #contenedorListado article .cat-tags-links { font-size: 12px; line-height: 1.4; } #contenedorListado article .cat-tags-links > span { display: block; margin-bottom: 8px; color: #BDB1A6;} #contenedorListado article .cat-tags-links > span > span { font-size: 12px; text-transform: uppercase; margin-right: 5px;} #contenedorListado article .cat-tags-links > span > a { color: #363534;} #contenedorListado article .cat-tags-links > span > a:hover { color: #F7403A;} #contenedorListado article .item-button-wrapper { position: absolute; bottom: -25px; left: 0; right: 0; text-align: center;} #contenedorListado .navigation.pagination { margin: 0 0 30px 0;} #contenedorListado .navigation.pagination h2 { font-size: 20px; margin-bottom: 8px; } #contenedorListado .navigation.pagination .nav-links {} #contenedorListado .navigation.pagination .nav-links > * { margin-right: 10px;} #contenedorListado .navigation.pagination .nav-links span { font-size: 13px;} #contenedorListado .navigation.pagination .nav-links a { font-size: 13px;} @media screen and (max-width:1024px) { #contenedorListado section { margin-left:2%; margin-right:2%; } #contenedorListado article { width: 48%; margin-left: 4%; } #contenedorListado article:nth-child(3n + 1) { margin-left: 3%; } #contenedorListado article:nth-child(2n + 1) { margin-left: 0; } #contenedorListado .navigation.pagination { margin: 0 0 30px 2%;} } @media screen and (max-width:800px) { #contenedorListado section { } #contenedorListado article { width: 100%; margin-left: 0; } #contenedorListado article:nth-child(3n + 1) { margin-left: 0; } #contenedorListado article:nth-child(2n + 1) { margin-left: 0; } } /* BLOG DETALLE */ body.single-post .barraGris { width: 100%; margin: 60px 0 0 0; background: #f1eeeb;} body.single-post .barraGris > div > div { width: 100%; padding: 10px 25% 10px 3% } body.single-post .barraGris > div > div p { float: right; color: #BDB1A6; position: relative; top: 50%; transform: translateY(-50%);} body.single-post .barraGris > div > div a { float: left;} body.single-post article { margin: 3% 3% 5% 3%; } body.single-post article >h2 { color: #F7403A; margin-bottom: 40px; } body.single-post article .imgPost { float: left; width: 35%; margin: 0 3% 3% 0; } body.single-post article .imgPost img { max-width: 100%; } /* body.single-post article .resumenPost { margin-bottom: 30px; } */ body.single-post article .contentPost { } body.single-post article .contentPost hr { border: none; } body.single-post article .cat-tags-links { clear: both; display: block; margin-top: 40px; font-size: 12px; line-height: 1.4; } body.single-post article .cat-tags-links > span { display: block; margin-bottom: 8px; color: #BDB1A6;} body.single-post article .cat-tags-links > span > span { font-size: 12px; text-transform: uppercase; margin-right: 5px;} body.single-post article .cat-tags-links > span > a { color: #363534;} body.single-post article .cat-tags-links > span > a:hover { color: #F7403A;} /* Formulario Mdirector */ body.single-post .main .mdirector_sh_suscription { position: relative; display: inline-block; width: 100%; max-width: 600px; padding: 25px; margin:30px 0;background-color:#f1eeeb;} body.single-post .main .mdirector_sh_suscription .mdirector_sh_field { margin-bottom: 10px;} body.single-post .main .mdirector_sh_suscription .mdirector_sh_field + .mdirector_sh_field { display: none;} body.single-post .main .mdirector_sh_suscription .mdirector_sh_field input[type="text"] { border: none; border-bottom: 1px solid #999999 !important; position: relative; color: #333333; height: auto; padding: 10px 35% 10px 5px; margin-bottom: 1.25rem; min-height: inherit; line-height: 1.1; background-color: transparent; max-width: none; width: 100%; appearance: none; } body.single-post .main .mdirector_sh_suscription .mdirector_sh_field select { } body.single-post .main .mdirector_sh_suscription .mdirector_sh_field button {} body.single-post .main .mdirector_sh_suscription .mdirector_sh_accept { position: relative; height: 1.5625rem; cursor: pointer !important; display: flex; align-items: center; } body.single-post .main .mdirector_sh_suscription .mdirector_sh_accept input { position: relative; z-index: 10; cursor: pointer !important; margin: 0 0.625rem 0 0 !important; height: 1.5625rem; width: 1.5625rem; } body.single-post .main .mdirector_sh_suscription .mdirector_sh_accept [type='checkbox'] + label { margin:0; font-weight: 300; color: #333333; font-size: 0.875rem; } body.single-post .main .mdirector_sh_suscription .mdirector_sh_accept label {} body.single-post .main .mdirector_sh_suscription .mdirector_sh_accept label a { color: #333333; text-decoration: underline;} body.single-post .main .mdirector_sh_suscription .mdirector_sh_accept label a:hover { text-decoration: none;} body.single-post .main .mdirector_sh_suscription .mdirector_sh_field:last-child { margin: 0; position: absolute; top: 25px; right: 25px; } body.single-post .main .mdirector_sh_suscription .mdirector_sh_field:last-child button { display: inline-block; vertical-align: middle; margin: 0; font-family: inherit; padding: 0.625rem 0.625rem; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: border-color 0.25s ease-out, background-color 0.25s ease-out, color 0.25s ease-out; font-size: 1.125rem; line-height: 1; text-align: center; cursor: pointer; background-color: #f1eeeb; color: #333333; text-transform: uppercase; } body.single-post .main .mdirector_sh_suscription .mdirector_sh_field:last-child button:hover { background-color:#ffffff; } body.single-post .main .md_handling {position: relative; display: inline-block; width: 100%; max-width: 600px; }