@charset "utf-8";

.publications.list {}
.publications.list .items {}
.publications.list .item {position:relative;}
.publications.list .item .over {position:absolute; top:0; left:0; right:0; bottom:0; z-index:5; font-size:0;}
.publications.list .items .empty {padding:7rem 3rem; font-size:1.25rem; border:#dedede solid 1px; background-color:#f3f3f3; text-align:center;}
.publications.list.default .item {padding:1rem; margin:0 0 1rem; border:#e3e3e3 solid 1px; box-shadow:#f3f3f3 0.5rem 0.5rem 3rem; overflow:hidden; transition:background-color 0.2s;}
.publications.list.default .item:hover {background-color:#f3f3f3;}
.publications.list.default .item .preview {position:relative; float:left; width:30%; margin-right:1.5rem; border:#e3e3e3 solid 0.25rem;}
.publications.list.default .item .preview img {display:block; width:100%;}
.publications.list.default .item .text {overflow:hidden;}
.publications.list.default .item h3 {font-size:1.25rem;}
.publications.list.default .item a {color:#575757;}
.publications.list.default .item p {margin:0; font-size:0.875rem;}
.publications.list.default .item .params.bar {position:absolute; left:0; bottom:0; right:0; padding:0.5rem; background:linear-gradient(0deg, rgba(0,0,0,0.35), rgba(0,0,0,0)); color:#ffffff;}
.publications.list.default .item .params.bar .param {font-size:0.75rem; text-shadow:#313131 0 0 0.25rem;}
.publications.list.default .item .params.bar .param.published {float:right;}
.publications.list.default .item .params.bar .param.rubric {font-weight:bold;}


.publications.list.grid {}
.publications.list.grid .items {display:flex; margin:0 -1%; flex-direction:row; flex-wrap:wrap;}
.publications.list.grid .items .empty {width:100%; margin:0 1%;}
.publications.list.grid .item {width:48%; margin:0 1% 2%; flex-shrink:0; border:#e3e3e3 solid 1px; box-shadow:#f3f3f3 0.5rem 0.5rem 3rem;}
.publications.list.grid .item .preview {}
.publications.list.grid .item .preview img {display:block; width:100%;}
.publications.list.grid .item .params.bar {display:flex; position:absolute; top:0; left:0; width:100%; padding:1rem; flex-direction:row-reverse; justify-content:space-between; font-size:0.875rem; color:#ffffff; background-image:linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0)); text-shadow:#000000 0 0 0.25rem;}
.publications.list.grid .item .text {position:absolute; bottom:0; left:0; width:100%; padding:1rem; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.45)); text-shadow:#000000 0 0 0.25rem; color:#ffffff;}
.publications.list.grid .item h3 {margin:0; font-size:1rem;}
.publications.list.grid .item p {display:none;}
.publications.list.grid .item a {color:#ffffff;}

.publications.list.grid.one-col .items {margin:0;}
.publications.list.grid.one-col .item {width:100%; margin:0 0 1.5rem;}
.publications.list.grid.three-cols .item {width:31.333%;}

.publications.list.grid.single-col .items {margin:0;}
.publications.list.grid.single-col .item {width:100%; margin:0;}
.publications.list.grid.single-col .item .text {padding:1rem 3rem;}

.publications.list.grid.posters .item {}
.publications.list.grid.posters .item .preview:before {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; content:""; background-color:#000000; opacity:0; transition:opacity 0.3s;}
.publications.list.grid.posters .item:hover .preview:before {opacity:0.5;}
.publications.list.grid.posters .item .preview .params.bar {display:none;}
.publications.list.grid.posters .item .text {display:flex; flex-direction:column; justify-content:center; top:0; background-image:linear-gradient(-90deg, rgba(0,0,0,0), rgba(0,0,0,0.85)); z-index:2;}
.publications.list.grid.posters .item h3 {margin:0 0 0.5rem; flex-shrink:0; font-size:1.25rem; overflow:hidden;}
.publications.list.grid.posters .item p {display:block; margin:0; max-height:5.5rem; font-size:0.75rem; overflow:hidden;}

.publications.list.crossed {}
.publications.list.crossed .items {}
.publications.list.crossed .item {display:flex; flex-direction:row; align-items:center;}
.publications.list.crossed .item .preview {position:relative; width:calc(50% + 0.25rem); border:#e7e7e7 solid 0.5rem; transition:all 0.3s;}
.publications.list.crossed .item .preview img {display:block; width:100%;}
.publications.list.crossed .item .preview:before {position:absolute; top:50%; right:-2rem; width:0; height:0; margin-top:-2rem; border-top:transparent solid 2rem; border-bottom:transparent solid 2rem; border-left:#e7e7e7 solid 1.5rem; content:""; transition:all 0.3s;}
.publications.list.crossed .item .text {width:calc(50% - 0.25rem); padding:0 0 0 2rem;}
.publications.list.crossed .item .params.bar {display:none;}
.publications.list.crossed .item h3 {font-size:1.25rem;}
.publications.list.crossed .item a {color:#575757;}
.publications.list.crossed .item p {margin:0; max-height:7.75rem; font-size:0.875rem; overflow:hidden;}
.publications.list.crossed .btn.w-100 {margin-top:1rem;}

.publications.list.crossed .item:nth-child(2n) {flex-direction:row-reverse;}
.publications.list.crossed .item:nth-child(2n) .text {padding:0 2rem 0 0;}
.publications.list.crossed .item:nth-child(2n) .preview:before {right:auto; left:-2rem; border-right:#e7e7e7 solid 1.5rem; border-left:none;}

.publications.list.crossed .item:hover .preview {border-color:#ed1c24;}
.publications.list.crossed .item:hover .preview:before {border-left-color:#ed1c24; border-right-color:#ed1c24;}


@media all and (max-width: 1100px) {
	.publications.list.grid.three-cols .item {width:48%;}
}

@media all and (max-width: 700px) {
	.publications.list.default .item .preview {float:none; width:100%; margin:0 0 1rem;}
}

@media all and (max-width: 800px) {
	.publications.list.crossed .item {display:block; margin:0 0 3rem;}
	.publications.list.crossed .item:last-child {margin:0;}
	.publications.list.crossed .item .preview {width:100%; margin:0 0 1rem;}
	.publications.list.crossed .item .preview:before {display:none;}
	.publications.list.crossed .item .text {width:100%; padding:0!important;}

	.publications.list.grid .items {margin:0;}
	.publications.list.grid .item {width:100%; margin:0 0 1rem;}
	.publications.list.grid.three-cols .item {width:100%; margin:0 0 1rem;}
}