Configurazione template

media/templates/site/joomla-italia-theme/css/pcrt-main.css

@@ -20,6 +20,10 @@ h1 a, h2 a, h3 a, h4 a{
     color:#000;
 }
 
+main{
+    background: url(../images/bg-bande-rosse.svg) no-repeat top center;
+}
+
 @media (min-width: 576px){
 
     html, body {
@@ -42,12 +46,16 @@ h1 a, h2 a, h3 a, h4 a{
 
 a{
     text-decoration: none;
-    color: #455b71;
+    color: #C2334B;
 }
 
 a:hover{
     text-decoration: underline;
-    color:#004080;
+    color:#000;
+}
+
+.text-muted{
+    color: #000!important;
 }
 
 .wrapperbreadcrumbs{
@@ -1263,6 +1271,35 @@ a.view-all{
     }
 }
 
+.row-striped {
+    line-height: 2em;
+    list-style: outside none none;
+    margin-left: 0;
+    text-align: left;
+    vertical-align: middle;
+    padding: 0;
+}
+
+.categoria-contatti ul.category.row-striped li {
+    margin-left: 0;
+    width: auto;
+    padding-left: 3.5em;
+}
+
+.categoria-contatti ul.category.row-striped li a {
+    display: inline-block;
+    width: 100%;
+    text-indent: -2.5em;
+}
+
+.categoria-contatti ul.category.row-striped li a::before {
+    content: "\4d";
+    float: left;
+    font-family: IcoMoon;
+    width: 1.6em;
+    font-size: 1.6em;
+}
+
 /* LOGIN */
 
 .control-group.com-users-login__input,
@@ -1411,7 +1448,7 @@ a.view-all{
 }
 
 .com-content-category__table th a{
-    color:#06c;
+    color:#CC334B;
 }
 
 .com-content-category__table thead th a{
@@ -1421,3 +1458,73 @@ a.view-all{
 .com-content-category.category-list{
     padding: 0 18px;
 }
+
+
+
+@supports (display: grid) {
+    .blog-items {
+      grid-gap: 2rem 3rem;
+      grid-template-columns: 1fr;
+      grid-auto-flow: row;
+      margin: 0 0 1em;
+      display: grid;
+    }
+  
+    .blog-items .blog-item {
+      padding: 0;
+    }
+  
+    .blog-items[class^="columns-"] > div, .blog-items[class*=" columns-"] > div {
+      flex: 0 auto;
+      width: auto;
+      max-width: none;
+    }
+  
+    @media (width >= 992px) {
+      .blog-items.columns-2 {
+        grid-template-columns: 1fr 1fr;
+      }
+  
+      .blog-items.columns-3 {
+        grid-template-columns: 1fr 1fr 1fr;
+      }
+  
+      .blog-items.columns-4 {
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+      }
+    }
+  }
+  
+  .blog-items[class^="masonry-"], .blog-items[class*=" masonry-"] {
+    column-gap: 3rem;
+    display: block;
+  }
+  
+  .blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
+    page-break-inside: avoid;
+    break-inside: avoid;
+    margin-bottom: 1em;
+    display: inline-flex;
+  }
+  
+  .blog-item h2{
+    margin-bottom: 0!important;
+  }
+
+  .blog-item .card.card-article .card-article-content p{
+    margin-bottom: 0;
+  }
+
+  @media (width >= 992px) {
+    .blog-items.masonry-2 {
+      column-count: 2;
+    }
+  
+    .blog-items.masonry-3 {
+      column-count: 3;
+    }
+  
+    .blog-items.masonry-4 {
+      column-count: 4;
+    }
+  }