/* ================================================================ */
/* Estils UB per als articles 
  -------------------------------------------------------------
  Author: Desenvolupament Web [JG] - Universitat de Barcelona
  -------------------------------------------------------------
	Version: Versió 1.1 - Separat d'estils inicial [estils-ub-dbt.css]
	-------------------------------------------------------------
	Date:     2021-03-10
	Modified: 2021-04-12
  ================================================================= */
@charset "UTF-8";
.sant-jordi #main,
.dia-eliminacio-violencia-dones #main, 
.dona-nena-ciencia-2022 #main {
	/* align-items: flex-start; */ /* Cada bloc de la seva mida aliniats a dalt. */
	align-items: stretch;	 /* Tots els blocs de la mida del més gran. */
	background-color: #ccc;
	/* padding: 20px 80px 50px; */
}

h2.separador {
	font-size: 2em;
	text-align: center;
	/* background-color: #fff; */
	padding: 12px;
	margin: 0 0 10px;
	width: 100%;
}
h2.separador::before {
	content: "< ";
	color: #0071cd;
}
h2.separador::after {
	content: " >";
	color: #0071cd;
}

.historic {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
	margin-top: 10px;
	padding: 10px 4px 50px;
	background-color: #eee;
	opacity: .6;
}

.sant-jordi .article:hover,
.dia-eliminacio-violencia-dones .article:hover {
	box-shadow: 4px 4px 10px #666 inset;
}
.dona-nena-ciencia-2022 .article:hover {
	box-shadow: 2px 2px 14px #666;
}
.sant-jordi .historic .article:hover,
.dia-eliminacio-violencia-dones .historic .article:hover, 
.dona-nena-ciencia-2022 .historic .article:hover {
	box-shadow: none;
}
.sant-jordi #main article.article,
.dia-eliminacio-violencia-dones #main article.article, 
.dona-nena-ciencia-2022 #main article.article {
	margin: 10px;
	/* transition: all 4s ease-out; */
}
.sant-jordi article.article.fixat,
.dia-eliminacio-violencia-dones article.article.fixat {
	border: 6px solid #57285f;
	box-shadow: 4px 4px 10px #666;
	margin-top: 9px;
}
.dona-nena-ciencia-2022 article.article.fixat {
	border: 6px solid #666;
	box-shadow: 4px 4px 10px #666;
	margin-top: 9px;
}
.sant-jordi .fixat h2 {
	margin-top: -6px;
}
/* .sant-jordi article.article.fixat:before {
	background: url(../recursos/icones/xinxeta-color-40.png) no-repeat scroll right top;
	content: " ";
	width: 40px;
	height: 40px;
} */
.sant-jordi article.article.fixat h2::before,
.dia-eliminacio-violencia-dones article.article.fixat h2::before {
	background: rgb(0,0,0,0) url(../recursos/icones/xinxeta-color-40.png) no-repeat scroll right top;
	content: " ";
	width: 40px;
	height: 40px;
	display: block;
	/* position: absolute; */
	/* right: 350px; */
	top: 40px;
	float: right;
	/* z-index: 1000; */
	margin-top: -5px;
	margin-right: -5px;
}
.sant-jordi article.article,
.dia-eliminacio-violencia-dones article.article {
	/* background-color: #eacd99; */ /* ocre clar */ /* #e2a5b5; */
	background-color: #e0bffc; /* burdeus clar (rosadet) */
	width: 375px;
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: contain;
	background-origin: padding-box;
	background-clip: border-box;
}
.dona-nena-ciencia-2022 article.article.fixat::before {
	background: rgb(0,0,0,0) url(../recursos/icones/xinxeta-color-40x40-ombra.png) no-repeat scroll right top;
	content: " ";
	width: 40px;
	height: 40px;
	/* display: block; */
	position: relative;
	/* right: 618px; */
	top: 40px;
	float: right;
	z-index: 1000;
	margin-top: -40px;
	/* margin-right: -5px; */
}
.dona-nena-ciencia-2022 article.article {
	background-color: #f6f6f6;
	width: 375px;
	background-position-x: left;
	background-position-y: top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: contain;
	background-origin: padding-box;
	background-clip: border-box;
	overflow: hidden;
}
.sant-jordi article .cos_article .descripcio p,
.dia-eliminacio-violencia-dones article .cos_article .descripcio p, 
.dona-nena-ciencia-2022 article .cos_article .descripcio p {
	color: #222;
}
.sant-jordi article .cos_article .descripcio,
.dia-eliminacio-violencia-dones article .cos_article .descripcio {
	/* display: block; */ /* none; */
	height: 0; /* auto; */
	visibility: hidden; /* visible; */
	/* font-size: .85em; */
	
	/* transition:         all 1s ease-out; */
	/* -moz-transition:    all 1s ease-out; */
	/* -webkit-transition: all 1s ease-out; */
	/* -o-transition:      all 1s ease-out; */
	/* -ms-transition:     all 1s ease-out; */
}
.sant-jordi article:hover .cos_article .descripcio,
.dia-eliminacio-violencia-dones article:hover .cos_article .descripcio {
	/* display: block; */
	height: auto;
	visibility: visible;
	/* transition: all 4s ease-out; */
	/* transition:         all 1s ease-out; */
	/* -moz-transition:    all 1s ease-out; */
	/* -webkit-transition: all 1s ease-out; */
	/* -o-transition:      all 1s ease-out; */
	/* -ms-transition:     all 1s ease-out; */
}
.dona-nena-ciencia-2022 article .cos_article .descripcio {
	/* display: block; */ /* none; */
	height: auto; /* auto; */
	visibility: visible; /* visible; */
	/* font-size: .85em; */
	
	/* transition:         all 1s ease-out; */
	/* -moz-transition:    all 1s ease-out; */
	/* -webkit-transition: all 1s ease-out; */
	/* -o-transition:      all 1s ease-out; */
	/* -ms-transition:     all 1s ease-out; */
}
/* .dona-nena-ciencia-2022 article:hover .cos_article .descripcio {
	height: auto;
	visibility: visible;
} */
.sant-jordi article .avis,
.dia-eliminacio-violencia-dones article .avis {
	/* background: #ff4848 url(../recursos/fons/fons_avis2.png) no-repeat scroll 8px 8px; */
	/* background: #381609; */ /* marró*/
	/* background: #b74765; */ /* burdeus rosat*/
	background: #618e63; /* burdeus granatós */
	padding: 1em;
	font-style: italic;
	margin-bottom: 1em;
	margin-left: 2em; /* 2em; */
}
.dona-nena-ciencia-2022 article .avis {
	/* background: #616161 url(../recursos/fons/fons_avis2.png) no-repeat scroll 8px 8px; */
	background: #618e63;
	padding: 1em;
	font-style: italic;
	margin-bottom: 1em;
	margin-left: 2em; /* 2em; */
}
.sant-jordi article .avis li,
.dia-eliminacio-violencia-dones article .avis li, 
.dona-nena-ciencia-2022 article .avis li {
	margin-left: 1em;
}
.historic article.article {
	background-color: #ffb3b3;
}
.sant-jordi article h2,
.sant-jordi article:focus h2,
.dia-eliminacio-violencia-dones article h2,
.dia-eliminacio-violencia-dones article:focus h2, 
.dona-nena-ciencia-2022 article:focus h2 {
	background: rgba(0, 0, 0, 0) url(../recursos/fons/fons_mes_blanc_hover_lila.png) no-repeat scroll left top;
	/* background: rgba(0, 0, 0, 0) url(../recursos/fons/fons_marro-clar_mes_blanc.png) no-repeat scroll left top; */
}

.ubicat article .cos_article,
.sant-jordi article .cos_article,
.dia-eliminacio-violencia-dones article .cos_article, 
.dona-nena-ciencia-2022 article .cos_article {
	margin-bottom: 0;
}
.ubicat .cos_article h3,
.sant-jordi .cos_article h3,
.dia-eliminacio-violencia-dones .cos_article h3, 
.dona-nena-ciencia-2022 .cos_article h3 {
	padding: 0 1.6em;
	margin-bottom: .8em;
	min-height: 110px;
}
.sant-jordi article .enllacos_article a:link, 
.sant-jordi article .enllacos_article a:visited, 
.sant-jordi article .enllacos_article a:active {
	color: #fff;
	font-size: 1.2em;
}
.sant-jordi article .enllacos_article a:hover, 
.sant-jordi article .enllacos_article a:focus {
	color: #555;
	border-bottom: 2px dotted #555;
}
.sant-jordi article .avis .enllacos_article a:link, 
.sant-jordi article .avis .enllacos_article a:visited, 
.sant-jordi article .avis .enllacos_article a:active {
	color: #fff; /* #0071cd; */
	font-size: 1.2em;
}
.sant-jordi article .avis .enllacos_article a:hover, 
.sant-jordi article .avis .enllacos_article a:focus {
	color: #fff; /* #0071cd; */
	border-bottom: 2px dotted #fff;
}

.dia-eliminacio-violencia-dones article .enllacos_article a:link, 
.dia-eliminacio-violencia-dones article .enllacos_article a:visited, 
.dia-eliminacio-violencia-dones article .enllacos_article a:active, 
.dona-nena-ciencia-2022 article .enllacos_article a:active {
	color: #fff;
	font-size: 1.2em;
}
.dia-eliminacio-violencia-dones article .enllacos_article a:hover, 
.dia-eliminacio-violencia-dones article .enllacos_article a:focus, 
.dona-nena-ciencia-2022 article .enllacos_article a:focus {
	color: #555;
	border-bottom: 2px dotted #555;
}
.dia-eliminacio-violencia-dones article .avis .enllacos_article a:link, 
.dia-eliminacio-violencia-dones article .avis .enllacos_article a:visited, 
.dia-eliminacio-violencia-dones article .avis .enllacos_article a:active, 
.dona-nena-ciencia-2022 article .avis .enllacos_article a:active {
	color: #fff; /* #0071cd; */
	font-size: 1.2em;
}
.dia-eliminacio-violencia-dones article .avis .enllacos_article a:hover, 
.dia-eliminacio-violencia-dones article .avis .enllacos_article a:focus, 
.dona-nena-ciencia-2022 article .avis .enllacos_article a:focus {
	color: #fff; /* #0071cd; */
	border-bottom: 2px dotted #fff;
}
#article-cicle-1-01 .cos_article h3 { color: #ffca02; }
#article-cicle-1-02 .cos_article h3 { color: #ffca02; }
#article-cicle-1-03 .cos_article h3 { color: #f74335; }
#article-cicle-1-04 .cos_article h3 { color: #51d25b; }
#article-cicle-1-05 .cos_article h3 { color: #8d6ee5; }
#article-cicle-1-06 .cos_article h3 { color: #51d25b; }
#article-cicle-1-07 .cos_article h3 { color: #8d6ee5; }


.ubicat article:hover,
.ubicat article:focus/* ,
.sant-jordi article:hover,
.sant-jordi article:focus */ {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
/* .sant-jordi .historic article:hover,
.sant-jordi .historic article:focus {
	-webkit-filter: none;
	filter: none;
} */
.ubicat article .enllacos_article li
.sant-jordi article .enllacos_article li,
.dia-eliminacio-violencia-dones article .enllacos_article li, 
.dona-nena-ciencia-2022 article .enllacos_article li {
	margin-bottom: 1em;
}

/* Cicle 1: 2021: */
/* #article-cicle-1-01 { background-image: url(../recursos/fotos/ubicat-2021-1_ub-sapropa_375x250.jpg); } */
/* #article-cicle-1-02 { background-image: url(../recursos/fotos/ubicat-2021-2_apropat_375x250.jpg) } */
/* #article-cicle-1-03 { background-image: url(../recursos/fotos/ubicat-2021-3_inspiram_375x250.jpg) } */
/* #article-cicle-1-04 { background-image: url(../recursos/fotos/ubicat-2021-4_preguntam_375x250.jpg) } */
/* #article-cicle-1-05 { background-image: url(../recursos/fotos/ubicat-2021-5_jpo_375x250.jpg) } */
/* #article-cicle-1-06 { background-image: url(../recursos/fotos/ubicat-2021-4_preguntam_375x250.jpg) } */
/* #article-cicle-1-07 { background-image: url(../recursos/fotos/ubicat-2021-5_jpo_375x250.jpg) } */

/* Sant Jordi: posem les imatges al codi de la pàgina [2021-04-14]: */
.sant-jordi article .cos_article {
	margin-top: 0;
}
.sant-jordi .imatge-article {
	width: 350px;
}
.dia-eliminacio-violencia-dones article .cos_article, 
.dona-nena-ciencia-2022 article .cos_article {
	margin-top: 0;
}
.dia-eliminacio-violencia-dones .imatge-article, 
.dona-nena-ciencia-2022 .imatge-article {
	width: 350px;
	height: 288px;
}
.dona-nena-ciencia-2022 .cont-imatge-article {
	width: 350px;
	height: 288px;
	overflow: hidden;
}
/* .dona-nena-ciencia-2022 .imatge-article:hover {
	filter: brightness(80%);
	-webkit-filter: brightness(80%);
	-moz-filter: brightness(80%);
	-ms-filter: brightness(80%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .4s;
} */
.dona-nena-ciencia-2022 article:hover .imatge-article {
	/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
	filter: gray; /* IE5+ */
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;

}
#article-cicle-1-01 { background-image: none; }
#article-cicle-1-02 { background-image: none; }
#article-cicle-1-03 { background-image: none; }
#article-cicle-1-04 { background-image: none; }
#article-cicle-1-05 { background-image: none; }
#article-cicle-1-06 { background-image: none; }
#article-cicle-1-07 { background-image: none; }