/*--------------------------------------------------------- SIDEBAR -----------------------------------------------------------*/ /* COLUMNS */ #bloque-results .column-left{ width: 100% !important; float: none !important;} #bloque-results .column-right{ display: none !important;} #bloque-blog-post .column-left{ width: 100% !important; float: none !important;} #bloque-blog-post .column-right{ display: none !important;} /*---*/ /*#bloque-results .column-left{ width: 66% !important;} #bloque-results .column-right{ width: 26% !important;} #bloque-blog-post .column-left{ width: 66% !important;} #bloque-blog-post .column-right{ width: 26% !important;}*/ /*---*/ @media (max-width: 800px) { #bloque-results .column-left{ width: 100% !important;} #bloque-blog-post .column-left{ width: 100% !important;} .column-sidebar{ display: none;} } /* WIDGET COMUNES */ #sidebar .widget{ margin-bottom: 3em;} /*---*/ #sidebar .widget header{} #sidebar .widget header .titulo{} #sidebar .widget header .titulo .content{} /*---*/ #sidebar .widget ul{ border-top: 1px solid #eee;} #sidebar .widget ul li{ padding: 13px 0 13px; border-bottom: 1px solid #eee;} #sidebar .widget ul li a{ font-size: 1em; line-height: 1.1em; font-style: normal; text-align: left; display: inline-block;} #sidebar .widget ul li a:after{ clear: both; float: none; content: ''; display: block; position: relative;} #sidebar .widget ul li .post-date{ padding-top: 3px; width: 100%; color: #777; font-size: 0.8em; font-style: italic; text-align: right; clear: both; display: block;} /* SIDEBARPRESENTATION */ #sidebarpresentation{} #sidebarpresentation .box{ background-color: transparent;} #sidebarpresentation .box .box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png'); } #sidebarpresentation .box .box_container{ padding: 0; } /*---*/ #sidebarpresentation .imagen{ margin-bottom: 1.5em; width: 100%;} #sidebarpresentation .imagen.proportion:before{ padding-top: 120%;} #sidebarpresentation .imagen .imagen_container{} #sidebarpresentation .imagen .imagen_container img{ } /*---*/ #sidebarpresentation header{ padding: 0; margin: 0 auto; text-align: center;} #sidebarpresentation header .titulo{} #sidebarpresentation header .titulo .content{ font-family: 'decorative'; font-size: 1.5em; text-transform: normal; letter-spacing: 0em;} /*---*/ #sidebarpresentation .texto{ padding-top: 1em; margin: 0 auto; text-align: center;} #sidebarpresentation .boton{ padding-top: .8em; margin: 0 auto; text-align: center;} /* SIDEBARPROMO */ #sidebarpromo{} #sidebarpromo .box{ background-color: #f5f5f5;} #sidebarpromo .box .box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png'); } #sidebarpromo .box .box_container{ padding: 2.2em 10% 2.2em; } /*---*/ #sidebarpromo header{ padding: 0; margin: 0 auto; text-align: center;} #sidebarpromo header .titulo{} #sidebarpromo header .titulo .content{ font-family: 'decorative'; font-size: 1.5em; text-transform: normal; letter-spacing: 0em;} /*---*/ #sidebarpromo .texto{ padding-top: 1em; margin: 0 auto; text-align: center;} #sidebarpromo .boton{ padding-top: .8em; margin: 0 auto; text-align: center;} /*--------------------------------------------------------- METAS -----------------------------------------------------------*/ /* METAS */ .metas{ font-size: .9em; font-weight: normal; font-style: normal; letter-spacing: 0em; text-align: left;} .metas div{ padding: 0 1.1em .3em 0; display: inline-block; position: relative;} /*---*/ .icon-metas{ margin: 1px 8px 0 0; width: 18px; height: 18px; background: url('img/sprite-icon-metas.png') no-repeat 0 0; display: inline-block; float: left;} .icon-metas.icon-1 { background-position: 0 0;} .icon-metas.icon-2 { background-position: -50px 0;} .icon-metas.icon-3 { background-position: -100px 0;} .icon-metas.icon-4 { background-position: -150px 0;} .icon-metas.icon-5 { background-position: -200px 0;} .icon-metas.icon-6 { background-position: -250px 0;} .icon-metas.icon-7 { background-position: -300px 0;} /*---*/ @media (max-width: 800px) { .metas{ text-align: center;} .metas div{ padding: 0 .5em .3em .5em; display: inline-block; position: relative;} } /*--------------------------------------------------------- BLOQUE RESULTS (listado blog/productos) -----------------------------------------------------------*/ #bloque-results{ background-color: transparent; } #bloque-results .bloque_container{ padding-top: 3em; padding-bottom: 4em;} /*---*/ #bloque-results .content-top{} #bloque-results .content-middle{} #bloque-results .content-bottom{} #bloque-results .content-noresults{ padding-top: 2em; margin: 0 auto; max-width: 100%; text-align: center;} /*---*/ #bloque-results .content-top header{ padding-bottom: .6em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-results .content-top header .pretitulo{ } #bloque-results .content-top header .pretitulo .content{ } #bloque-results .content-top header .titulo{ } #bloque-results .content-top header .titulo .content{} #bloque-results .content-top header .separator{ display: none;} #bloque-results .content-top header .separator .content{} /*--MENÚ CATEGORIES--*/ #bloque-results .blog-menu-categories{ } /*-- FORM SEARCH--*/ #bloque-results .form{ margin: 1em auto 0; max-width: 36em;} #bloque-results .form form input{ padding: .55em .7em .65em; width: calc( 100% - 9em); float: left; } #bloque-results .form form button{ padding: .6em .7em .65em; width: 7em; margin: 0; text-align: center; float: right; cursor: pointer;} #bloque-results .form form button:hover{ } /*--PAGINATION--*/ #bloque-results .paginationnumbers { padding-top: 2em; margin: 0 auto; max-width: 100%; text-align: center;} /* LIST style-a (blog) */ #bloque-results.style-a .list{ margin-top: -2em;} #bloque-results.style-a .list li.element { padding-top: 5em; } #bloque-results.style-a .list li.element:first-child { } /*---*/ #bloque-results.style-a .columns-2 .column{} /* thin = width: 48.7%; */ /* thiner = width: 49.4%; */ #bloque-results.style-a .columns-3 .column{} /* thin = margin-right: 1.3%; width: 32%; */ /* thiner = margin-right: .6%; width: 32.73%; */ #bloque-results.style-a .columns-4 .column{} /* thin = margin-right: 1.3%; width: 23.7%; */ /* thiner = margin-right: .6%; width: 24.4%; */ #bloque-results.style-a .columns-5 .column{} /* thin = margin-right: 1.3%; width: 18.7%; */ /* thiner = margin-right: .6%; width: 19.4%; */ /*---*/ #bloque-results.style-a .list li.element .list-box{ position: relative;} #bloque-results.style-a .list li.element .list-box .list-box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png');} #bloque-results.style-a .list li.element .list-box .list-box_container{ } /*---*/ #bloque-results.style-a .list li.element .list-column-left{} #bloque-results.style-a .list li.element .list-column-right{} /*---*/ #bloque-results.style-a .list li.element .imagen{ margin-bottom: 1.5em; width: 100%;} #bloque-results.style-a .list li.element .imagen.proportion:before{ padding-top: 70%;} #bloque-results.style-a .list li.element .imagen .imagen_container{} #bloque-results.style-a .list li.element .imagen .imagen_container img{} /*---*/ #bloque-results.style-a .list li.element header{ padding-bottom: .6em; max-width: 100%; text-align: left;} #bloque-results.style-a .list li.element header .pretitulo{ display: none;} #bloque-results.style-a .list li.element header .pretitulo .content{ } #bloque-results.style-a .list li.element header .titulo{ } #bloque-results.style-a .list li.element header .titulo .content{ font-size: 1.3em;} #bloque-results.style-a .list li.element header .subtitulo{ } #bloque-results.style-a .list li.element header .subtitulo .content{} #bloque-results.style-a .list li.element header .separator{ display: none;} #bloque-results.style-a .list li.element header .separator .content{} /*---*/ #bloque-results.style-a .list li.element .metas{ padding-top: 1.4em; padding-bottom: 0em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-results.style-a .list li.element .metas div{} /*---*/ #bloque-results.style-a .list li.element .articulo{ padding-top: 1em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-results.style-a .list li.element .boton{ padding-top: .7em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-results.style-a .list li.element .sharelinks_container{ padding-top: 1.6em; margin: 0 auto; max-width: 100%; text-align: left;} /*---*/ @media (max-width: 800px) { } /* LIST style-b (blog/productos) */ #bloque-results.style-b .list{ margin-top: -2em;} #bloque-results.style-b .list li.element { padding-top: 5em; } #bloque-results.style-b .list li.element:first-child { } /*---*/ #bloque-results.style-b .columns-2 .column{} /* thin = width: 48.7%; */ /* thiner = width: 49.4%; */ #bloque-results.style-b .columns-3 .column{} /* thin = margin-right: 1.3%; width: 32%; */ /* thiner = margin-right: .6%; width: 32.73%; */ #bloque-results.style-b .columns-4 .column{} /* thin = margin-right: 1.3%; width: 23.7%; */ /* thiner = margin-right: .6%; width: 24.4%; */ #bloque-results.style-b .columns-5 .column{} /* thin = margin-right: 1.3%; width: 18.7%; */ /* thiner = margin-right: .6%; width: 19.4%; */ /*---*/ #bloque-results.style-b .list li.element .list-box{ position: relative;} #bloque-results.style-b .list li.element .list-box .list-box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png');} #bloque-results.style-b .list li.element .list-box .list-box_container{ } /*---*/ #bloque-results.style-b .list li.element .list-column-left{ width: 75%;} #bloque-results.style-b .list li.element .list-column-right{ margin-top: 4em; width: 18%;} /*---*/ #bloque-results.style-b .list li.element .imagen{ margin-top: 0; width: 100%;} #bloque-results.style-b .list li.element .imagen.proportion:before{ padding-top: 100%;} #bloque-results.style-b .list li.element .imagen .imagen_container{} #bloque-results.style-b .list li.element .imagen .imagen_container img{} /*---*/ #bloque-results.style-b .list li.element header{ padding-bottom: .6em; max-width: 100%; text-align: left;} #bloque-results.style-b .list li.element header .pretitulo{ } #bloque-results.style-b .list li.element header .pretitulo .content{ } #bloque-results.style-b .list li.element header .titulo{ } #bloque-results.style-b .list li.element header .titulo .content{} #bloque-results.style-b .list li.element header .subtitulo{ } #bloque-results.style-b .list li.element header .subtitulo .content{} #bloque-results.style-b .list li.element header .separator{ display: none;} #bloque-results.style-b .list li.element header .separator .content{} /*---*/ #bloque-results.style-b .list li.element .metas{ padding-top: 1.4em; padding-bottom: 0em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-results.style-b .list li.element .metas div{} /*---*/ #bloque-results.style-b .list li.element .articulo{ padding-top: 1.1em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-results.style-b .list li.element .boton{ padding-top: 1.6em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-results.style-b .list li.element .sharelinks_container{ padding-top: 1.6em; margin: 0 auto; max-width: 100%; text-align: left;} /*---*/ @media (max-width: 800px) { #bloque-results.style-b .list li.element .list-column-right{ margin-top: 2em; margin-bottom: 1em; max-width: 15em;} } /*--------------------------------------------------------- BLOQUE BLOG POST -----------------------------------------------------------*/ #bloque-blog-post{ background-color: transparent; } #bloque-blog-post .bloque_container{ padding-top: 3em; padding-bottom: 4em;} /*---*/ #bloque-blog-post #blog-post{} /*---*/ #bloque-blog-post #blog-post .content-top{} #bloque-blog-post #blog-post .content-image{} #bloque-blog-post #blog-post .content-middle{} /*---*/ #bloque-blog-post #blog-post header{ margin: 0 auto; max-width: 100%; text-align: center;} #bloque-blog-post #blog-post header .pretitulo{} #bloque-blog-post #blog-post header .pretitulo .content{} #bloque-blog-post #blog-post header .titulo{} #bloque-blog-post #blog-post header .titulo .content{} #bloque-blog-post #blog-post header .separator{} #bloque-blog-post #blog-post header .separator .content{} /*---*/ #bloque-blog-post #blog-post .metas{ padding-top: 1.4em; padding-bottom: 0em;} #bloque-blog-post #blog-post .metas div{} /*---*/ #bloque-blog-post #blog-post .imagen{ margin-top: 2em; width: 100%;} #bloque-blog-post #blog-post .imagen.proportion:before{ padding-top: 56%;} #bloque-blog-post #blog-post .imagen .imagen_container{} #bloque-blog-post #blog-post .imagen .imagen_container img{} /*---*/ #bloque-blog-post #blog-post .introduccion{ padding-top: 1.1em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-blog-post #blog-post .articulo{ padding-top: 3.3em; margin: 0 auto; max-width: 100%; text-align: left;} /*---*/ #bloque-blog-post #blog-post .sharelinks_container{ padding: 0; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-blog-post #blog-post .sharelinks_container.top{ } #bloque-blog-post #blog-post .sharelinks_container.bottom{ } /*---*/ @media (max-width: 800px) { } /* BLOQUE-PARTICIPATION POST */ #bloque-participationpost{ background: transparent;} #bloque-participationpost .bloque_container{ padding-top: 2.5em; padding-bottom: 3em;} #bloque-participationpost:before{ margin: 2.5em auto 0em; padding: 0; width: 100%; height: 2px; background-color: #c9a7aa; content: ''; display: block;} /*---*/ #bloque-participationpost .box{ position: relative;} #bloque-participationpost .box .box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png');} #bloque-participationpost .box .box_container{ } /*---*/ #bloque-participationpost header{ padding-bottom: .6em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-participationpost header .pretitulo{} #bloque-participationpost header .pretitulo .content{} #bloque-participationpost header .titulo{} #bloque-participationpost header .titulo .content{} #bloque-participationpost header .separator{ display: none;} #bloque-participationpost header .separator .content{} /*---*/ #bloque-participationpost .articulo{ padding-top: 1em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-participationpost .boton{ padding-top: 1.3em; margin: 0 auto; max-width: 100%; text-align: center;} /* BLOQUE RELATED POST */ #bloque-relatedpost { background: transparent;} #bloque-relatedpost .bloque_container{ padding-top: 2em; padding-bottom: 3em;} #bloque-relatedpost:before{ margin: 0em auto 0em; padding: 0; width: 100%; height: 2px; background-color: #c9a7aa; content: ''; display: block;} /*---*/ #bloque-relatedpost .content-top{ } #bloque-relatedpost .content-middle{ } /*---*/ #bloque-relatedpost .content-top header{ padding-bottom: 0em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-relatedpost .content-top header .titulo{} #bloque-relatedpost .content-top header .titulo .content{ } /*-- LIST --*/ #bloque-relatedpost .list { padding-top: 0em;} #bloque-relatedpost .list li.element { padding-top: 1em; } #bloque-relatedpost .list li.element:first-child { } /*---*/ #bloque-relatedpost .columns-2 .column{} /* thin = width: 48.7%; */ /* thiner = width: 49.4%; */ #bloque-relatedpost .columns-3 .column{} /* thin = margin-right: 1.3%; width: 32%; */ /* thiner = margin-right: .6%; width: 32.73%; */ #bloque-relatedpost .columns-4 .column{} /* thin = margin-right: 1.3%; width: 23.7%; */ /* thiner = margin-right: .6%; width: 24.4%; */ #bloque-relatedpost .columns-5 .column{} /* thin = margin-right: 1.3%; width: 18.7%; */ /* thiner = margin-right: .6%; width: 19.4%; */ /*---*/ #bloque-relatedpost .list li.element .list-box{ position: relative;} #bloque-relatedpost .list li.element .list-box .list-box-decoracion{ background-image: url('img/icon-box-decoracion-a.png');} #bloque-relatedpost .list li.element .list-box .list-box_container{ padding: 2em 1em; background: #287e61;} /*---*/ #bloque-relatedpost .list li.element .imagen{ margin-bottom: 1.5em; width: 100%;} #bloque-relatedpost .list li.element .imagen.proportion:before{ padding-top: 65%;} #bloque-relatedpost .list li.element .imagen .imagen_container{} #bloque-relatedpost .list li.element .imagen .imagen_container img{ } /*---*/ #bloque-relatedpost .list li.element header{ padding-bottom: .6em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-relatedpost .list li.element header .pretitulo{ display: none;} #bloque-relatedpost .list li.element header .pretitulo .content{} #bloque-relatedpost .list li.element header .titulo{ } #bloque-relatedpost .list li.element header .titulo .content{ font-size: 1em; line-height: 1.2em;} /*---*/ #bloque-relatedpost .list li.element .articulo{ display: none; padding-top: 1em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-relatedpost .list li.element .boton{ display: none; padding-top: 1.2em; margin: 0 auto; max-width: 100%; text-align: left;} #bloque-relatedpost .list li.element .nota{ padding-top: .8em; margin: 0 auto; max-width: 100%; text-align: left;} /*---*/ @media (max-width: 800px) { } /* BLOQUE PAGINATION POST */ #bloque-paginationpost{ background: transparent;} #bloque-paginationpost .bloque_container{ padding-top: 2em; padding-bottom: 2em;} #bloque-paginationpost:before{ margin: 4em auto 0em; padding: 0; width: 80%; min-width: 150px; height: 1px; background-color: #eee; content: ''; display: block;} /*---*/ #bloque-paginationpost .list{ } #bloque-paginationpost .list .prev{ padding: 0 0 0 25px; width: calc(50% - 25px); max-width: 13em; background: url('img/icon-pagination-posts-prev.png') no-repeat 0 50%; float: left; display: table; overflow: hidden;} #bloque-paginationpost .list .next{ padding: 0 25px 0 0; width: calc(50% - 25px); max-width: 13em; background: url('img/icon-pagination-posts-next.png') no-repeat 100% 50%; text-align: right; float: right; display: table; overflow: hidden;} #bloque-paginationpost .list .content{ line-height: 1.2em; display: table-cell; vertical-align: middle;} #bloque-paginationpost .list a:hover { text-decoration: none !important;} #bloque-paginationpost .list a .pre{ padding-bottom: .4em; color: #333; font-size: .8em; font-weight: bold; font-style: normal; letter-spacing: .05em; display: block;} #bloque-paginationpost .list a:hover .pre{ color: #333; text-decoration: none !important;} #bloque-paginationpost .list a .sub{ padding-bottom: 0; font-size: 1em; line-height: 1.2em; font-weight: normal; font-style: normal; display: block;} #bloque-paginationpost .list a:hover .sub{ text-decoration: underline;} /*---*/ @media (max-width: 800px) { } /* BLOG AUTHOR POST */ #blog-authorpost { padding-top: 4em;} #blog-authorpost .box{} #blog-authorpost .box .box-corner{ width: 33px; height: 38px; background: url('img/icon-boxes-corner-b.png') no-repeat 0 0; z-index: 1; top: -1px; right: -1px; position: absolute;} #blog-authorpost .box .box_container{ padding: 2em 2em 1.7em 2em; border: #287e61 .55em solid; } /*---*/ #blog-authorpost header{padding-bottom: .6em; margin: 0 auto; max-width: 100%; text-align: center;} #blog-authorpost header .pretitulo{ margin-bottom: .3em;} #blog-authorpost header .pretitulo .content{} #blog-authorpost header .titulo{} #blog-authorpost header .titulo .content{} /*---*/ #blog-authorpost .miniatura{ margin-top: 1.5em; width: 100%; max-width: 200px; } #blog-authorpost .miniatura img{ width: 100%; height: 100%; -webkit-box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17); -moz-box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17); box-shadow: 4px 5px 0px 0px rgba(0,0,0,0.17);} /*---*/ #blog-authorpost .articulo{} #blog-authorpost .articulo p{ } /*---*/ #blog-authorpost .boton{ padding-top: 1.1em;} /*---*/ @media (max-width: 800px) { #blog-authorpost .miniatura{ margin-top: 0px; margin-bottom: 1.5em; max-width: 200px;} #blog-authorpost .boton{ text-align: center;} } /*--------------------------------------------------------- BLOQUE-SUSCRIPTIONPOST -----------------------------------------------------------*/ /* style-a*/ #bloque-suscriptionpost.style-a{ background: transparent;} #bloque-suscriptionpost.style-a .bloque_container{ padding-top: 3em; padding-bottom: 3em;} /*---*/ #bloque-suscriptionpost.style-a .box{ position: relative;} #bloque-suscriptionpost.style-a .box .box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png');} #bloque-suscriptionpost.style-a .box .box_container{ padding: 0em 10%;} /*---*/ #bloque-suscriptionpost.style-a .content-top{} #bloque-suscriptionpost.style-a .content-middle{} #bloque-suscriptionpost.style-a .content-bottom{ padding-bottom: 2em;} #bloque-suscriptionpost.style-a .content-image{ display: none;} /*---*/ #bloque-suscriptionpost.style-a .imagen{ margin-top: 0em; width: 100%;} #bloque-suscriptionpost.style-a .imagen.proportion:before{ padding-top: 100%;} #bloque-suscriptionpost.style-a .imagen .imagen_container{} #bloque-suscriptionpost.style-a .imagen .imagen_container img{ } /*---*/ #bloque-suscriptionpost.style-a header{ padding-bottom: .6em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-suscriptionpost.style-a header .pretitulo{ } #bloque-suscriptionpost.style-a header .pretitulo .content{ } #bloque-suscriptionpost.style-a header .titulo{ } #bloque-suscriptionpost.style-a header .titulo .content{} #bloque-suscriptionpost.style-a header .separator{ display: none;} #bloque-suscriptionpost.style-a header .separator .content{} /*---*/ #bloque-suscriptionpost.style-a .content-top .introduccion{ padding-top: 1em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-suscriptionpost.style-a .content-top .articulo{ padding-top: 1em; margin: 0 auto; max-width: 100%; text-align: center;} /*---*/ #bloque-suscriptionpost.style-a .content-bottom .articulo{ padding-top: 1em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-suscriptionpost.style-a .content-bottom .nota{ padding-top: .8em; margin: 0 auto; max-width: 100%; text-align: center;} #bloque-suscriptionpost.style-a .content-bottom .boton{ padding-top: 1.3em; margin: 0 auto; text-align: center;} /*--FORM--*/ #bloque-suscriptionpost.style-a .form{ margin: 0 auto; max-width: 38em;} /*---*/ #bloque-suscriptionpost.style-a .form .form-box{ position: relative;} #bloque-suscriptionpost.style-a .form .form-box .form-box-decoracion{ display: none; background-image: url('img/icon-box-decoracion-a.png');} #bloque-suscriptionpost.style-a .form .form-box .form-box_container{ padding: 0em;} /*---*/ #bloque-suscriptionpost.style-a .form .nota{ margin-top: -.3em; text-align: left;} /*---*/ #bloque-suscriptionpost.style-a .form form {} #bloque-suscriptionpost.style-a .form form .form-terms{ text-align: left;} #bloque-suscriptionpost.style-a .form form .form-submit{ text-align: center;} #bloque-suscriptionpost.style-a .form form button.btn { margin: 0; max-width: 20em;} #bloque-suscriptionpost.style-a .form form button.btn:hover { margin: 0;} #bloque-suscriptionpost.style-a .form .form-aligned form button.btn { margin: 0; padding-left: 0; padding-right: 0; width: 100%;} #bloque-suscriptionpost.style-a .form .form-aligned form button.btn:hover { margin: 0;} /*---*/ #bloque-suscriptionpost.style-a .form .rgpd{ padding-top: 1.5em; text-align: left; margin: 0 auto; max-width: auto;} /*---*/ @media (max-width: 800px) { } /*--------------------------------------------------------- COMENTARIOS -----------------------------------------------------------*/ #bloque-comments{ background-color: transparent; } #bloque-comments .bloque_container{ padding-top: 5em; padding-bottom: 3em;} #comments{ } /*-- 'X comentarios' -*/ #comments header.comments{ padding-bottom: 2em; text-align: center;} #comments header.comments .titulo{ } #comments header.comments .titulo .content{ font-size: em; } /*-- 'Y tú qué opinas' --*/ #comments #respond { padding-top: 0em;} #comments #respond header.respond{ padding-bottom: 2em; text-align: center !important;} #comments #respond header.respond .titulo{ } #comments #respond header.respond .titulo .content{ font-size: em; } /*-- 'Cancelar respuesta' --*/ #comments #respond header.respond small { margin-top: -.3em; display: block;} #comments #respond header.respond small a{ font-size: 70%;} /*-- Form Respond en los comentarios --*/ #comments ul.comments-list #respond { margin-top: 2em; padding-top: 2em; border-top: 1px dotted #ccc;} /*-- 'Conectado como' --*/ #comments .comment-form .logged-in-as{ margin-top: -.3em; font-size: .8em; width: 100%; text-align: center;} #comments .comment-form .logged-in-as a{} #comments .comment-form .logged-in-as a:hover{ } /*--LIST--*/ #comments ul.comments-list{ margin-bottom: 3.5em;} #comments ul.comments-list li{ margin-bottom: 2.2em;} #comments ul.comments-list ul.children{ margin-left: 5em;} #comments ul.comments-list ul.children ul.children{ margin-left: 0;} #comments ul.children{ margin-top: -.55em;} #comments ul.children li{ padding: 0; margin-bottom: 1.1em; } #comments ul.children li:last-child{ margin-bottom: 2.2em;} /*---*/ #comments li.comment .comment-left{ width: 4em; float: left;} #comments li.comment .comment-right{ width: calc(100% - 5em); float: right;} /*---*/ #comments li.comment .comment-avatar img{ border-radius: 100%;} /*---*/ #comments li.comment header{ padding-bottom: .9em; text-align: left !important;} #comments li.comment header .titulo{} #comments li.comment header .titulo .content{ font-family: 'decorative'; font-size: 1.2em; letter-spacing: .05em;} #comments li.comment header .titulo .content a{ color: #; text-decoration: none;} #comments li.comment header .titulo .content a:hover{ color: #; text-decoration: none;} #comments li.comment header .undertitulo{ padding-top: .5em; } #comments li.comment header .undertitulo .content{ font-size: .8em; font-style: normal;} /*---*/ #comments li.comment .comment-awaiting-moderation{ margin-bottom: .55em; font-style: italic;} /*---*/ #comments li.comment .texto{ max-width: 100%; line-height: inherit;} #comments li.comment .boton{ padding-top: .7em;} #comments li.comment .boton a.comment-reply-link, #comments li.comment .boton a.comment-edit-link{ margin-right: .55em; font-size: .8em; font-family: 'decorative'; font-style: normal; letter-spacing: .05em; display: inline-block;} /*---*/ #comments .paginacion-numeros{ margin-bottom: 2.2em;} /*---*/ @media (max-width: 800px) { #comments ul.children{ margin-left: 1.8em;} #comments ul.comments-list ul.children{ margin-left: 1.8em;} #comments ul.comments-list ul.children ul.children{ margin-left: 0;} #comments li.comment .boton{ text-align: left !important;} } /*--FORM--*/ #comments .comment-form fieldset.comment-form-identity{ margin: 0 0 .5em;} #comments .comment-form label{ } #comments .comment-form textarea{ } /*---*/ #comments .comment-respond .rgpd{ padding-top: 1.5em; text-align: left; margin: 0 auto; max-width: auto;} /*---*/ #comments .comment-form .form-submit{ margin-top: 1em; text-align: center;} /*---*/ @media (max-width: 800px) { }