<style type="text/css">
#content { background: #fafafa; }
.article-full .article, .node--blog--full .article { box-shadow: 0px 0px 11px #1422; }
.ds-1colfile.file-image.file-image-jpeg.view-mode-default.clearfix { text-align: center; }
.article .row .article-illu img {
box-shadow: 0px 0px 16px #6666;
-webkit-animation: heartBeat 2s ease-in-out infinite;
animation: heartBeat 2s ease-in-out infinite;
}
.article-illu-bg { opacity: 0.2; }
.article-full .article-header .summary {
font-style: italic;
font-family: 'VAG Rounded W01 Light', Helvetica, Arial, sans-serif;
text-align: center !important;
margin-left: -191px !important;
width: 100% !important;
}
.article-content { width: 95% !important; padding-left: 11px; }
a img.media-element.file-default {
width: 25%;
padding-left: 4px;
padding-top: 29px;
animation: heartBeat 2s ease-in-out infinite;
}
a img.media-element.file-default:hover { opacity: 0.4; }
.article-list article.ds-1colnode.node--article:hover { opacity: 0.5 !important; box-shadow: 0px 0px 16px #6666; }
.article-list article.ds-1colnode.node--article .article-header { height: 282px; }
.article-list article.ds-1colnode.node--article .article-header { height: 282px; }
@media screen and (max-width: 1024px) {
.article-full .article-header .summary {
margin-left: -170px !important;
}
}
@media screen and (max-width: 768px) {
.article-full .article-header .summary { margin-left: -129px !important; }
.article-list article.ds-1colnode.node--article .article-header { height: 322px; }
}
@media screen and (max-width: 425px) {
.article-full .article-header .summary { margin-left: 0px !important; }
.article-content { width: 97% !important; }
.article-list article.ds-1colnode.node--article { width: 406px !important; }
.article-list article.ds-1colnode.node--article .article-header {
height: 111px;
padding-top: 0px !important;
}
}
@media screen and (max-width: 375px) {
.article-list article.ds-1colnode.node--article { width: 355px !important; }
.article-full .article-header .subtitle { margin-bottom: -34px !important; }
}
@media screen and (max-width: 320px) {
.article-list article.ds-1colnode.node--article { width: 301px !important; }
}
/*ANIMATIONS*/
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
14% {
-webkit-transform: scale(1.02);
transform: scale(1.02); }
28% {
-webkit-transform: scale(1);
transform: scale(1); }
42% {
-webkit-transform: scale(1.02);
transform: scale(1.02); }
70% {
-webkit-transform: scale(1);
transform: scale(1); }
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
14% {
-webkit-transform: scale(1.02);
transform: scale(1.02); }
28% {
-webkit-transform: scale(1);
transform: scale(1); }
42% {
-webkit-transform: scale(1.02);
transform: scale(1.02); }
70% {
-webkit-transform: scale(1);
transform: scale(1); }
}
</style>