/*
Theme Name: Sabien design
Description: Designed by Manolo Trever
Author:  Manolo Trever
Template: Circles
Version:  0.1
*/
@import url("../Circles/style.css");

/* line 1, scss/global.scss */
.test { color: red; }

.single-project .jp-relatedposts-post-date{
	display: none !important;

}
.single-project .jp-relatedposts-post-context{
	display: none !important;

}
/*# sourceMappingURL=style.css.map */


article.project li{ line-height: 1.6em;}

article.project ol.listAlpha li{list-style: lower-alpha;}

ul.listContent{ margin:5px 10px 0 30px;}
ul.listContent li {line-height: 1.6em;}

/*********************cambios cristian***********/
/****** Proyectos imagen de cartulina de cada proyecto a una altura y anchura maxima para dispositivos móviles*******/
.list-projects article.listProject img.logo {
    max-width: 100px;
    max-height: 66px;
}


.post {
    padding: 30px 0 25px 3px;
}

@media only screen and (max-width: 639px) {
.list-projects article.listProject img.logo {
    max-width: 125px;
    max-height: 83px;
}
}

/*********************Nuestro equipo arreglar texto y enlaces, al hacer pequeño*************/
.page-id-164 .grid_6.alignRight {
    width: 100%!important;
}

/********H1 centrado *****/
.grid_12 h1 {
    margin-top: 0px !important;
}

/**** Quitar color azul a lo de los iconos de idiomas ****/

#lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_sel:visited {
    background-color: transparent!important;
}
#lang_sel_list a, #lang_sel_list a:visited {
    border-color: transparent!important;
}
#lang_sel_list ul {
    border-top: 1px solid transparent!important;
}
#lang_sel_list ul a.lang_sel_other, #lang_sel li ul a:link, #lang_sel_list ul a.lang_sel_other:visited {
    background-color: transparent!important;
}

/****** Organizar aspecto idiomas y buscador en el header fixed ******/

@media only screen and (min-width: 768px) {
.fixed .socials.mobile-socials {
    display: inline;
}
.fixed .socials.mobile-socials li{
    margin-top:0px;
}
.fixed .div-fixed {
    display: inline-block;
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}
.fixed .lenguaje-2 {
    display: inline-flex;
	float:right;
}
.fixed .div-fixed #lang_sel_list {
    margin-top: 4px;
    margin-right: 0px;
}
.fixed .search-icon-2 {
	display:inline-block;
    top: -3px;
    left: -14px;
}
.fixed .search-icon-2 form input {
    top: 3px!important;
    right: 40px!important;
}
}

/**** Hacer que no aparezca los segundos iconos de idioma y buscador, creados en el headerstyle, a no ser que sea en fixed ****/


.lenguaje-2 {
    display: none;
}
div.search-icon-2 {
    display: none;
}


/****** Quitar el tema y border que aparece en icono lenguaje ******/

.wpml-ls-legacy-list-horizontal {
    border: 0;
    padding: 0;
}


/****** Organizar aspecto idiomas y buscador en el header normal ******/

@media only screen and (min-width: 768px) {
	
.lenguaje {
    display: inline-block;
    float: right;
	position: relative;
    top: 35.5px;
    left: 0px;
}

div.search-icon-1 {
    top: -1px;
    left: -20px;
}

.search-icon-1 form input {
    top: 31px!important;
    right: -130px!important;
}
}

/**************** Mostrar el idioma arriba en tamaño movil ***************/

@media only screen and (min-width: 321px) and (max-width: 767px) {
.lenguaje-2 {
    display: inline;
}
}

/**************** Hacer que a ese tamaño solo se vea el logo SABIEN y el menú tres rayitas ***************/

@media only screen and (max-width: 320px){
.div-fixed {
    display: inline;
}
}

/**************** Arreglar el menú en modo normal ***************/

@media only screen and (min-width: 789px) and (max-width: 823px) { 
.menu li>a {
	font-size:15px!important;	
}
}

@media only screen and (min-width: 768px) and (max-width: 788px) { 
.menu li>a {
	font-size:15px!important;	
}

.menu li {
	margin-right:16px;
}
}

/**************** Arreglar el menú en modo fixed ***************/

@media only screen and (min-width: 774px) and (max-width: 807px) { 
.fixed .menu li>a {
	font-size:15px!important;	
}
}

@media only screen and (min-width: 768px) and (max-width: 773px) { 
.fixed .menu li>a {
	font-size:15px!important;	
}
.fixed .menu li {
	margin-right:22px;
}
}


/**************** Desaparecer el buscador del footer en tamaño superior al movil ***************/
@media only screen and (min-width: 768px){ 
section#search-2 {
    display: none;
}
}

/**************** Corregir estilos de los idiomas ***************/

.wpml-ls-statics-shortcode_actions {
    background-color: transparent;
}

.wpml-ls-sidebars-footer-area-3 {
    background-color: transparent;
}

/**************** Bajar imagenes cabecera correctamente ***************/

@media only screen and (min-width: 768px){ 
div#map-box {
    margin-top: 100px;
}

.container.main {
    margin-top: 100px;
}

.single-project .container.main {
    margin-top: 130px;
}
}

/**************** Anchura de los comentarios en articulo blog ***************/

@media only screen and (max-width: 639px){ 
.leave-comment {
    margin: 0px;
}
}

/********** Cambios en el diseño popup cookies **************/
/*
.cdp-cookies-alerta.cdp-cookies-tema-gris {
    background-color: #444444;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

.cdp-cookies-alerta {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}

.cdp-cookies-texto.cdp-mostrar {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 25px 20px 10px;
}

.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto p {
    text-align: justify;
}
*/
/*.cdp-cookies-alerta .cdp-cookies-texto {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 25px 20px 10px;
    position: initial;
	width:initial;
}

.cdp-cookies-alerta.cdp-cookies-tema-gris {
    background-color: #444444;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

.cdp-cookies-alerta.cdp-solapa-ocultar.cdp-cookies-textos-izq.cdp-cookies-tema-gris {
    position: fixed;
    bottom: 0;
    display:block;
}

.cdp-cookies-alerta {
    display: none;
    width: 100%;
    color: #bbbbbb;
    background-color: #444444;
    z-index: 100000;
}
.cdp-cookies-alerta.cdp-cookies-tema-gris .cdp-cookies-texto {
    background-color: initial;
    border-top: initial;
    border-bottom: initial;
}

.cdp-cookies-alerta .cdp-cookies-boton-cerrar {
    font-size: 10px !important;
    line-height: 14px;
    margin: 5px auto 0 auto;
    padding: 3px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background-color: #222!important;
}*/
.cookies{
   margin:15px auto 10px auto;
   max-width: 960px;
   padding-right:30px;
}

.cookies a{
    margin-top: 5px!important;
}

.cdp-cookies-alerta .cdp-cookies-texto {
    z-index: 100000!important;
}

.cdp-cookies-boton-cerrar {
    padding: 3px 10px 3px 10px!important;
}
/********** Margen inferior proyectos relacionados  **********/
ul.related-posts.grid_12 {
    margin-bottom: 20px;
}